/* - CSS Document  - */
ul, h1, h2, h3, h4, p, form {
	margin: 0;
	padding: 0;
}

a{ outline: none; }

img{border: 0 none;}

html {background: #fff;}

body {
	margin: 0 auto;
	padding: 20px 0 0 0;
	width: 950px;
	background-color: #58572d;
  font-size: 11px;
  font-family: Verdana,Arial, serif;
  color: #444;  
}

#wrapper {
	margin: 0 auto;
	width: 950px;
	overflow: hidden;
	padding: 0 0 40px 0; 
	background-color: #fff;
}

#wrapper .body{
  overflow: hidden;
  clear:both;
  }
  
p{
  margin: 5px 0;
  line-height: 1.5;
  }

span.left_img{
  overflow: hidden;
  float: left;
  display: inline;
  padding: 7px 0 0 7px;
  margin: 10px 10px 0 0;
  background: url('../img/shadow.gif') no-repeat left top;
  }
  
span.right_img{
  overflow: hidden;
  float: left;
  padding: 0 7px 7px 0;
  background: url('../img/shadow.gif') no-repeat bottom right;
  }
   
/*.top_banner img{border: 1px solid #6D6E4A;} */  
/* --------------                                                     head -- */
.head {
	float: left;
	overflow: hidden;
	height: 156px;
	width: 100%;
}

.head h1 {
	float: left;
	margin: 10px 0;
	background: url('../img/logo.gif') no-repeat left;
}

.head h1 a {
	width: 204px;
	height: 146px;
	display: block;
}
.head h1 a span {
	display: none;
}
.top_banner {
	float: right;
	margin: 20px 5px 0 0;
	width: 730px;
	height: 100px;
}

.right_baner{text-align: center;}
.right_baner img{margin-bottom: 20px;}



/* ---------------                                               left column --*/
.left_clm {
	float: left;
	display: inline;
	overflow: hidden;
	width: 670px;
	padding: 10px 5px 0 5px;
}

ul.top_nav {
  width: 99%;
	float: left;
	margin: 0 0 20px 0;
	list-style-type: none;
}

ul.top_nav li {
	display: inline;
}

ul.top_nav li a {
	float: left;
	display: inline;
	padding: 0 5px 0 15px;
	margin: 0 10px 0 0;
	font-weight: bold;
	color: #5f5e35;
	text-decoration: none;
	background: url('../img/arrow.gif') no-repeat left 2px;
	border-bottom: 2px solid #d19963;
}

ul.top_nav li a:hover {
	border-bottom: 2px solid #5f5e35;
	color: #d19963;
}

.left_clm h2{font-size: 13px;}
/* ---------------                                                right column --*/
.right_clm {
	float: right;
	overflow: hidden;
	width: 255px;
	padding: 10px 0 0 5px;
}
/* - BLOCK - */
.block_top {
	float: left;
	overflow: hidden;
	padding: 10px 0 40px 15px;
	border-top: 1px solid #6d6e4a;
	background: url('../img/block_top.gif') no-repeat left top;
}
.block_top h2 {
	float: left;
	clear: left;
	width: 100%;
	padding: 3px 0;
	font-family: Verdana;
	font-size: 14px;
	color: #b55d06;
	border-bottom: 1px solid #6d6e4a;
}
.btm {
	float: left;
	overflow: hidden;
	padding-bottom: 20px;
	background: url('../img/block_btm.gif') no-repeat right bottom;
}
/* ------------------                                       login form  -- */
.login, .block_top h2.login {
	width: 229px;
	float: left;
	clear: left;
}

form.frm.login label {
	float: left;
	width: 50%;
	margin: 0 3px 0 0;
	font-size: 11px;
}

form.frm.login input{
	float: left;
	width: 45%;
}


form.frm.login a{
  float: right;
	margin: 0 15px 0 0;
	padding: 0 0 0 15px;
	font-weight: bold;
	color: #BE7124;
	text-decoration: none;
	background: url('../img/inf.gif') no-repeat left center;
}
form.frm.login a:hover{color:#4D680C;}


/* -----------------                                        search form -- */

.search, .block_top h2.search { width: 650px;}

.search a{
  float: right;
  display: inline;
  color: #be7124;
  padding: 3px 0 3px 15px;
  margin: 0 30px 0 0;
  text-decoration: none;
  background: url('../img/add.gif') no-repeat left center;
  }
  
.search a:hover{
  color:#4D680C;
  text-decoration: underline;
  }
  
form.frm.search label{
  float:left;
  width: 130px;
  }

form.frm.search input, form.frm.search select{
  float: left;
  margin: 0 10px 0 0;
  width: 140px;
  color:#5F5E35;
  border: 1px solid #ccc;
  }

form.frm.search h4{
  clear:left;
  width: 100%;
  margin-bottom: 10px;
  color: #515F41;
  font-size: 10px;
  text-transform: uppercase;
  }

/* -- single earch by name only -- */
 
 form.frm.search p.r_align{
  text-align:left;
  padding: 10px 0;
  /*border-bottom: 1px dotted #6F4C14;*/
  }
  
 form.frm.search p.r_align label{
  width: 130px;
  font-size: 10px;
  color: #515F41;
  text-transform: uppercase;
  }

 form.frm.search p.r_align input{
  width: 250px;
  margin: 0 5px 0 0;
  }
  
 form.frm.search p.r_align input.glass{
  width: 40px;
  margin: 0 50px 0 0;
  cursor: pointer;
  border: 0 none;
  background: transparent url('../img/find.png') no-repeat left;
  }
 
/* -------------------------------                              Form --*/
form.frm {
	float: left;
	overflow: hidden;
}

form.frm p {
	width: 100%;
	margin: 5px 0;
	float: left;
	clear: left;
}

form.frm input.btn {
	color: #fff;
	font-weight: bold;
	width: 118px;
  height: 35px;
	cursor: pointer;
	border: 0 none;
	background: url('../img/btn.gif') no-repeat 0 5px;
}

input.btn {
	color: #2c5011;
	font-weight: bold;
	width: 118px;
  height: 35px;
	cursor: pointer;
	border: 0 none;
	background: url('../img/btn.gif') no-repeat 0 5px;
}

/* --- blocks rated ----*/
 
.rate_wrap{
  float: left; 
  width: 670px;
  }

.rate_wrap .block_top.rate{
  background: none;
  margin:0 10px 0 0;
  width: 305px;
  }
  
 
.rate img, .filtered img{
  clear:left; 
  float:left;
  margin: 0 5px 5px 0;
  border: 0 none;
  }

.rate h3, .filtered h3{
  float:left;
  width: 65%;
  display: block;
  margin: 0 0 10px 0;
  font-size: 12px;
  }

.rate h3 a, .filtered h3 a{
  color: #333;
  text-decoration: none;
  }
  
a.info{
  text-decoration:  none;
  color: #444;
  font-weight: bold;
  background: url('../img/info.gif') no-repeat left center;
  padding: 0 0 0 15px;
  }
  
a.info:hover{
  text-decoration: underline;
  color: #D66B03;
  }

.rate h3 a:hover{text-decoration: underline;}


/* ---------- TOP Rated                               --------------*/

.block_top .top_rate{
  clear:left;
  float:left;
  width: 305px;
  margin: 0 0 20px 0;
  padding: 20px 0 0 0;
  border-top: 1px dotted #4d680c;
  }
  
.block_top h2.top_rate{
  width: 275px;
  height: 30px;
  padding:0;
  margin: 0;
  border: 0 none;
  }
  
.block_top h2.top_rate a{
  display: block;
  padding: 4px 0 2px 30px;
  color: #4d680c;
  background: url('../img/top_rate.gif') no-repeat left top;
  text-decoration: none; 
  }

.block_top h2.top_rate a:hover{text-decoration:  underline;}
/* -------- BAD Rated                              -----------------*/

.block_top .bad_rate{
  clear:left;
  float:left;
  width: 305px;
  padding: 20px 0 0 0;
  margin: 0 0 20px 0;
  border-top: 1px dotted #4d680c;
  }
 
.block_top h2.bad_rate{
  width: 275px;
  height: 30px;
  padding:0;
  margin: 0;
  border: 0 none;
  }
  
.block_top h2.bad_rate a{
  display: block;
  padding: 4px 0 2px 30px;
  color: #d66b03;
  background: url('../img/bad_rate.gif') no-repeat left top;
  text-decoration: none;
  }

.block_top h2.bad_rate a:hover{text-decoration:  underline;}
/* -----------------                                        last added -- */

.block_top.rate{  width: 670px;  background: 0 none;  }

.block_top .last_add{  float:left;  overflow: hidden;  width: 640px;  padding: 20px 0 10px 0;  height: 110px;  border-top: 1px dotted #4d680c;  }
.block_top .last_add_my{  float:left;  overflow: hidden;  width: 640px;  padding: 20px 0 10px 0;  border-top: 1px dotted #4d680c;  }
  
.block_top.rate .btm,
.block_top.filtered .btm{  width: 660px;  }
    
.block_top h2.last_add{  height: 30px;  width: 650px;  padding: 0;  border: 0 none;  }
.block_top h2.last_add_my{  height: 30px;  width: 650px;  padding: 0;  border: 0 none;  }
     
.block_top h2.last_add a{  width: 620px;  height: 20px;  display: block;  padding: 4px 0 0 30px;  color: #d66b03;  background: url('../img/last_add.gif') no-repeat left center;  text-decoration: none;  }
.block_top h2.last_add_my a{  width: 620px;  height: 20px;  display: block;  padding: 4px 0 0 30px;  color: #d66b03;  background: url('../img/last_add.gif') no-repeat left center;  text-decoration: none;  }

.block_top h2.last_add  a:hover{text-decoration: underline;}
.block_top h2.last_add_my  a:hover{text-decoration: underline;}

.block_top .last_add.my{border: 0 none;}
.block_top .last_add_my.my{border: 0 none;}

/* last added and  filterd result- bad- top rated */
.block_top.filtered{width: 670px;}

.block_top.rate .last_add h3,
.block_top.filtered .last_add h3{  width: 80%;   margin-left: 5px;  font-size: 11px;  }
.block_top.rate .last_add_my h3,
.block_top.filtered .last_add_my h3{  width: 80%;   margin-left: 5px;  font-size: 11px;  }

.block_top.rate .last_add p,
.block_top.filtered .last_add p{  float:left;  width: 80%;  }  
.block_top.rate .last_add_my p,
.block_top.filtered .last_add_my p{  float:left;  width: 80%;  }  

.block_top.rate p.cat,
.block_top.filtered p.cat{  float: left;  width: 50%;  height: 25px;  }
/* ----------                                         star vote -----------*/

.rating{
  float:left;
  clear: left;
  width: 250px;
  }
  
.rating span{padding: 5px 10px 0 0;}
  
.rating span, .rate p span, .filtered p span{
  color: #333;
  float:left;
  margin-right: 5px;
  font-style: italic;
  font-weight: bold;
  }
    
.rating .star_best{
  float:left;  
  width: 24px;
  height: 24px;
  margin: 0 5px 0 0;
  background: url('../img/star.gif') no-repeat 0 -25px;
  }

.rating .star_bad{
  float:left;
  width: 24px;
  height: 24px;
  margin: 0 5px 0 0;
  background: url('../img/star.gif') no-repeat 0 0;
  }

/*a.star_bad:hover{background: url('../img/star.gif') no-repeat 0 -25px;}*/


.star_active span, .star_best span, .star_bad span{display: none;} 

/* -----------                                               Hover last added block -- */

.over{background: #f7f9f3;}
  
.over .rating{
  float:right;
  clear: none;
  }

/*-----------------------                                              Footer --*/

.footer{
  padding: 40px 0 0 0;
  width: 100%;
  clear: both;
  float: left;
  overflow: hidden;
  font-size: 11px;
  }

.footer span{color: #5F5E35;}

.footer ul li{ display: inline; }
.footer ul li a{
  padding: 0 5px 0 10px;
  color: #B55D06;
  text-decoration: none;
  font-style: italic;
  border-right: 1px dotted #B55D06; 
  }
  
.footer ul li a:hover{text-decoration: underline;}  
.footer p{
  padding: 10px 0 0 0;
  text-align: center;
  color: #5F5E35;
  border-top: 1px solid #58572D;
  clear: left;
  width: 100%;
  float: left;
  }


/* -----------------------                                      INNER PAGES ------*/
.block_top.opinion{
  clear: none;
  float:right;
  width: 35%;
  }

.opinion, .block_top h2.opinion{
	width: 229px;
  float: left;
  }

.opinion label#smile{display: none;}
.opinion label.sml{
  float: left;
  display: inline;
  width: 100px;
  height: 20px;
  padding: 6px 0 0 26px;
  margin: 0 0 10px 0;
  }

.opinion input[type=radio]{float: left; margin: 5px 0;} 

input.radio{width:12px; border: 0 none;}
  
.opinion textarea{width:220px;} 

.comment{
  width: 58%;
  float:left;
  margin: 0 24px 0 0;
  border-top: 1px solid #58572D;
  }

p.added{
  float:left;
  overflow: hidden;
  color: #B55D06;
  padding: 5px 0;
  width: 100%;
  }
  
p.added span{float:left;}

.comment p.added span{
  float: none;
  color: #444;
  font-size: 13px;
  font-weight: bold; 
  margin: 0 10px 0 0;
  padding: 10px 0 10px 26px;
  }

.comment .wrap_c{
  float: left;
  width: 100%;
  border-bottom: 1px dotted #B55D06;
  padding:0 0 10px 0;
  margin: 0 0 10px 0;
  }
  
.coment_tools{
  overflow: hidden;
  float:left;
  margin: 10px 0;
  width: 100%;
  }

a.print, a.meil{
  float:left;
  display: inline;
  height: 14px;
  margin: 0 20px 0 0;
  padding: 10px 0 0 26px;
  color: #5F5E35;
  font-weight: bold;
  text-decoration: none;
  } 
  
a.print{background: url('../img/printer_add.png') no-repeat left bottom;}
  
a.meil{
  height: 18px;
  background: url('../img/email.png') no-repeat left bottom;
  }
  
a.meil:hover, a.print:hover{text-decoration: underline;}

a.zoom_in, a.zoom_out{
  float:right;
  display: inline;
  padding: 6px 0 0 25px;
  margin: 0 5px 0 0;
  color: #5F5E35;
  text-decoration: none;
  }

a.zoom_in{background: url('../img/zoom_in.png') no-repeat left bottom;}
  
a.zoom_out{background: url('../img/zoom_out.png') no-repeat left bottom;}
a.zoom_in:hover, a.zoom_out:hover{text-decoration:  underline;}
.coment_tools .rating{float:right; clear: none;}
.coment_tools .rating span{
  color: #5F5E35;
  font-style: normal;
  }
  
.very_good{background: url('../img/smile/very_good.gif') no-repeat left center;}
.good{background: url('../img/smile/good.gif') no-repeat left center;}
.so_so{background: url('../img/smile/so_so.gif') no-repeat left center;}
.bad{background: url('../img/smile/bad.gif') no-repeat left center;}
.very_bad{background: url('../img/smile/very_bad.gif') no-repeat left center;}


.imgs{
  width: 568px;
  height: 494px;
  background-color: #fff;
  }

.imgs h2{
  width: 550px;
  height: auto;
  margin-bottom: 20px;
  }
  
#thumb_imgs {
  clear: both;
  float: left;
  width: 100%;
  }
#real_imgs{
  height:330px;
  clear: both;
  margin-left: 35px;  
  }

.imgs input{float: left;}
/* ------------                                                       pager -- */

.pager {
float:left;
padding:10px 0pt;
width:100%;
}

.pager strong {
color:#5F5E35;
float:left;
width:99%;
padding-bottom: 5px;
margin-bottom: 5px; 
border-bottom: 1px solid #ededeb;
}

.pager a {
color:#B55D06;
font-weight:bold;
margin-left:5px;
text-decoration:underline;
}

.pager span {
color:#5F5E35;
margin-left:5px;
text-decoration:none;
}

.contText {  padding: 10px 10px 10px 5px;  clear: both;}


ul.inLinks li{
  float: left;
  list-style-type: none;
  }

ul.inLinks li a{ 
    color:#5F5E35;
    display:inline;
    float:left;
    margin:2px 10px 0 0;
    padding: 5px 5px 5px 0;
    text-decoration:none;
    width: 180px;
    background: url('../img/dot.gif') repeat-x bottom;
    }
    
ul.inLinks li a:hover{
  color: #B55D06;
  padding: 5px 5px 5px 17px;
  background: url('../img/pointer.gif') no-repeat left center;
  }
     
#ppView { 
  border: 1px solid #6D6E4A; 
  background-color: #fff; 
  padding: 5px; 
  }

a.addItem{
  margin: 0 0 0 20px;
  padding: 3px 0 3px 15px;
  color:#4D680C;
  text-decoration:none;
  background: url('../img/add.gif') no-repeat left ; 
  }
  
a.addItem:hover{
  color:#BE7124;
  border-bottom: 1px solid #4d680c;
  }


/*---------------catalogue----------------*/

#mUL {list-style-type: none;}
#mUL div.wrap{
  float: left;
  overflow: hidden;
  width: 620px;
  }
 
#mUL .wrap a { 
  float: left;
  display: inline;
  width: 280px;
  margin: 10px 0 0 0;
  padding: 7px 0 5px 15px;
  color: #5F5E35;
  font-weight: bold;
  text-decoration: none;
  background: url('../img/dot.gif') repeat-x  center bottom;
  }

#mUL .wrap a:hover{
  width: 278px;
  padding: 6px 0 5px 14px;
  border-top: 1px solid #D19963;
  border-left: 1px solid #D19963;
  border-right: 1px solid #D19963;
  text-decoration: none;
  }
  
#mUL .wrap .not_open,
#mUL .wrap .open{
  width: 310px;
  float: left;
  } 

#mUL .open .block{
  display: block;
  float: left;
  width: 300px;
  height: 100px;
  overflow: auto;
  border: 1px solid #757654;
  }

#mUL .open .block a{
  font-size: 10px;
  text-decoration: none;
  font-weight: normal;
  color: #B55D06;
  background: none;
  padding: 2px 2px;
  margin: 0;
  width: 270px;
  }

#mUL .open .block a:hover{
  color: #757654;
  font-size: 10px;
  text-decoration: underline;
  font-weight: normal;
  background: none;
  padding: 2px 2px;
  margin: 0;
  width: 270px;
  }
   
#mUL .open a, #mUL .open a:hover{
  background: url('../img/block_top.gif') no-repeat left top;
  padding: 5px 0 5px 15px;
  color: #B55D06;
  border: 0 none
  }

/* ------------- profile -----------------*/
.persInfo{
  float: left;
  width: 600px;
  }
  
.persInfo dl{
  float: left;
  display: inline;
  padding: 20px 0;
  }

.persInfo dt{ 
  float: left;
  clear: left;
  width: 170px;
  color: #D19963;
  padding: 5px 0;
  font-weight: bold;
  }

.persInfo dd{ 
  padding: 5px 0;
  font-style: italic;
  }

.itl{
  clear: left;
  float: left;
  margin: 10px 0;
  font-style: italic;
  }
  
.itl strong{font-style: normal;}