@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-transform: none;
	text-decoration: none;
}
ul, li { display:list-item; list-style-image:none; list-style-position:outside; list-style-type:none;}


body {
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 90%;
	color: #555;
	line-height: 140%;
	background: url('/sites/cocker/i/bg.jpg') repeat;

}


ul, li {  margin:5px 0; padding:0; list-style-position: inside;}

/* Set the page width here */
        #Menu-top, #Header, #Wrapper-content, #Wrapper-footer {
	width: 1014px;
	margin: 0 auto;
	text-align: justify;
}

#Wrapper { min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px auto;
        
}
#Wrapper-header {background: transparent url('/sites/cocker/i/bg.png') top center repeat-x; }

#Header { background: #7abb75 url('/sites/cocker/i/shapka2.jpg') no-repeat center top;}

#Wrapper-header2 { background: transparent url('/sites/cocker/i/bg02-blue-left.png') top left no-repeat; }

#Wrapper-header3 { background: transparent url('/sites/cocker/i/bg02-blue-right.png') top right no-repeat; }

#Header h1 {
	margin: 0 30px;
	padding: 0;
	height: 238px;
        line-height: 3em;
	color: #fff;
	font-size: 90%;
}

#Wrapper-content { background: url('/sites/cocker/i/bg02-white-left.png') no-repeat left top;}

* html #Wrapper-content, #Wrapper-content1, #Content { min-height: 256px; }

#Wrapper-content1 {
	padding: 0;
        margin:0; 
        display:inline; 
}

#Wrapper-menu-page {
	float: left;
        display:inline;
	width:184px;
	margin: 20px 0px 3em 46px;
	background: transparent url('/sites/cocker/i/line.jpg') repeat-x center top ;
	text-align: center;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}

* html #Wrapper-menu-page { margin: 0; }

#Menu-page { 
padding-top: 15px;
min-height: 100%;
height: auto !important;
height: 100%;
margin:0;
}

#Menu-page ul {
	padding: 0px;
        margin:0 0 0 6px;
	list-style: none;
        margin-bottom:10px;
	
}


/**********************************************************
* Меню боковое
**********************************************************/
ul.menu-311 {
list-style: none;
float:left;
width:150px;
margin-bottom: 60px;
border:9px solid #be925e;
border-top:0;
}

ul.menu-311 li {display: block; margin:0;}

.menu-311 a {
width:130px;
display: block;
float:left;
border:0;
background-color: #98d693;
font-size:11px;
color:#402d18;
line-height:24px;
text-transform:uppercase;
padding: 0px 10px 0px 10px;
border-bottom: 1px solid #bc8f5a;
}

.menu-311 a:hover {
	background-color: #bc8f5a;
        color:#fff;
    }
.menu-311 a.active {
	  background: url('/sites/cocker/i/munu-bg.jpg') repeat left top;
          color:#fff;
               }
.topban {
margin-top:20px;
}
/**********************************************************
* Content
**********************************************************/
#Content {
background: transparent url('/sites/cocker/i/bg02-white-right.png') no-repeat right top;
padding: 20px 70px 50px 30px;
display:block;
position:relative;
margin-left: 220px;
}
#Content p,
#Content ul,
#Content ol {
	margin-bottom:6px;
}
#Content .photo .container {
width: 100%;
}
.Way, .Way a {
	font-size: 12px;
	margin-bottom: 15px;
}
.message {
	padding-top: 20px;
	clear: both;
}

.Way a {
font-size:12px;
margin-bottom:20px;
}

.Way{
font-size:12px;
margin-bottom:20px;
}
.message {
clear:both;
padding-top:20px;
}

#Wrapper-footer {
}

#Footer {
	padding-top:20px;
	background-color: #98d693;
	border:9px solid #be925e;
	border-bottom: 0;
	clear: both;
        margin: 0 50px;
}
#Footer table {
height:60px;
margin:0 auto;
}
#Footer td {
padding:0px 5px;
}

#Footer td, #Footer a, #Footer td * {
font-size:10px;
line-height:16px;

}

#Pusher, #Footer {
clear:both;
height:60px;
}

p, ul, ol {
margin-bottom:10px;
}

a {
color:#277d0c;
text-decoration:none;
}
a:hover {
border-bottom:1px dotted #277d0c;
}
strong {
font-weight:bold;
}
a img:hover {
border-bottom:medium none;
text-decoration:none;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color:#333;
text-decoration:none;
}
h1, h1 a {
font-size:32px;
line-height:30px;
margin-bottom:20px;
font-weight:bold;
}
h2, h2 a {
font-size:28px;
line-height:32px;
margin-bottom:20px;
color:#bc8f5a;
}
h3, h3 a {
font-size:24px;
line-height:30px;
margin-bottom:20px;
color:#bc8f5a;
}
h4, h4 a {
color:#277d0c;
font-size:18px;
line-height:30px;
margin-bottom:10px;
text-decoration:decoration;
}

h5, h5 a {
font-size:16px;
line-height:30px;
margin-bottom:10px;
}
h6, h6 a {
font-size:16px;
line-height:20px;
margin-bottom:10px;
}
hr {
border-bottom:1px dotted #277e0c;
height:1px;
margin:10px 0;
}
/**********************************************************
* Верхнее меню
**********************************************************/

ul.menu-313{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    list-style: none;
        margin:0;
	float: left;
	padding: 24px 0px 0px 41px;
   }

.menu-313 li{
    float:left;
    display:inline;
    }

.menu-313 li a{
    display:block;
    position:relative;
    background:transparent url(/sites/cocker/i/menu-l.png) 0 0 no-repeat;
    height:37px;
    overflow:hidden;
    margin-left:0px;
}

.menu-313 li a span{
    display:block;
    position:relative;
    overflow:hidden;
    background:url(/sites/cocker/i/menu-r.png) 100% 0 no-repeat;
    padding:12px 20px 0px 4px;
    margin-left:16px;
    font-size:11px;
    color: #402d18;
    height:37px;
    text-transform:uppercase;
cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

.menu-313 li a.active, .menu-313 li a:hover{
    background:url(/sites/cocker/i/menu-l.png) 0 -37px no-repeat;
    border:0;
    height:37px;
}

.menu-313 li a.active span, .menu-313 li a:hover span{
    background:url(/sites/cocker/i/menu-r.png) 100% -37px no-repeat;
    padding-right:20px;
}


.feedback td {
padding:2px;
}
.feedback .button {
color:#62a65d;
}

.form .button {
background:url(/sites/cocker/i/munu-bg.jpg) repeat;
color:#fff;
padding:2px;
}
.form .input {
padding:2px;
color:#;
}
.form * {
color:#;
margin-right:10px;
font-size:14px;
}

.fselect li{
font-size: 10px;
}
.select a{
font-size: 10px;
}

/***************************************************************
* Кое-что общее для всего
***************************************************************/
.thumb {
	display:inline;
	float: left;
       }

.thumb a img
{
	display: block;
	border: 5px solid #62a65d; /* рамка картинки когда не наведён курсор */
        padding:1px;
        margin: -4px 0px -4px -4px;
}
.albom .thumb a img,
.news .thumb a img
{
	display: block;
	border: 5px solid #62a65d; /* рамка картинки когда не наведён курсор */
        padding:1px;
        margin: 0px -1px 1px 1px;
}
.gallery a img{
	display: block;
	border: 5px solid #62a65d; /* рамка картинки когда не наведён курсор */
        padding:1px;
        margin: 4px 0px 4px 4px;
}
.gallery ul li {width:120px;}
#Photobig a{font-size:10px; text-decoration:none;}
.thumb a:hover img,
.photo .gallery a:hover img{
	border: 5px solid #bc8f5a; /* рамка активной картинки */
}
.w150 {
	width: 150px; /* учитываем в ширине рамку картинки */
}
.catalogue .text,
.sale .text{      
        margin-left: 180px;
	min-height: 248px; /* минимальная высота блока, чтобы картинка не налезала на линию снизу */
        padding-left:10px;
        text-align: left; 
}

.news .text
       {      
        margin-left: 180px;
	min-height: 150px; /* минимальная высота блока, чтобы картинка не налезала на линию снизу */
        padding-left:10px;
}


.albom .text {
        min-height: 230px; /* минимальная высота блока, чтобы картинка не налезала на линию снизу */
        padding-left:5px;
}
.text h3 a{
        font-size:20px;
	
}
.albom .text ul {
        min-height: 10px; /* минимальная высота блока, чтобы картинка не налезала на линию снизу */
        padding-left:20px;
}
.breed, .titles, .description {font-size: 12px; margin-top:-10px;}

.litter {
	zoom: 1;
	overflow: auto;
}
.block {
	width: 100%;
	overflow: auto;
        }
.block,
.litter,
.animal {
        color: #;
	margin: 10px 0;
       	border-bottom: 1px dotted #62a65d; /* линия снизу для повторяющихся блоков */
}
.text h2, .text h2 a{  /* для каталога */
margin-top:10px; font-size:26px;
}
.text span, .text span a{  /* для текста в титулы каталога */
background: url('/sites/cocker/i/munu-bg.jpg') repeat left top;
color:#fff; 
padding:0 5px; 
border-bottom:0;
}

.gallery {
	zoom: 1;
	overflow: auto;
}

.photo .gallery,
.catalogue .gallery {
	zoom: 1;
	overflow-x: scroll;
	overflow-y: hidden;
	padding: 5px;
}
.caption, .caption a { /* текст под фотографиями */
	font-size: 12px;
	margin-bottom: 20px;
        margin:11px;
}
.w150 {
border: 1px dotted #bc8f5a;
margin: 5px 5px 5px 5px;
}
.w300 {
border: 5px solid #bc8f5a;
margin: 5px 5px 5px 5px;
}
.bord {
border: 9px solid #bc8f5a;
margin: 5px 5px 5px 5px;
}
.bord1 {
border: 9px solid #000;
margin: 5px 5px 5px 5px;
}
.bord2 {
border: 9px solid #62a65d;
margin: 5px 5px 5px 5px;
}
/**********************************************************
* Выставка show
**********************************************************/
.showimg{
width:150px;
border: 5px solid #62a65d;
margin: 5px 5px 5px 5px;
padding:1px;
}
.showadd a{
border: 0;
}

.pedigree-onebord{
border: 5px solid #62a65d;
margin: 5px 5px 5px 0px;
}
.pedigree-twobord{
border: 5px solid #bc8f5a;
margin: 5px 5px 5px 0px;
width:100px;
}

#pid {
border:1px solid #62a65d;
margin:0;
padding:10px;
}
/**********************************************************
* Filter
**********************************************************/

.filter {
margin:-20px 0 10px;
padding:10px;
}
.filter label, .filter select, .filter input {
font-size:10px;
}
.filter li {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.filter select, .filter input.button {
margin:0 10px;
}
.links-nm {
margin-top:20px;
}
.link a {
font-size:10px;
}
/**********************************************************
* Pedigree
**********************************************************/
.pedigree {
margin:10px;
}

.pedigree table {
border-bottom:5px solid #bc8f5a;
border: 3px solid #62a65d;
margin-bottom:10px;
}
.pedigree table td{
	vertical-align: top;
	width: 25%;
	padding: 5px;
	border: 3px solid #62a65d;
	border-collapse: collapse;
	background-position: right top;
	background-repeat: no-repeat;
}

.pedigree td h3, .pedigree td h3 a {
font-size:18px;
line-height:20px;
margin-bottom:20px;
background-position:left top;
background-repeat:no-repeat;
margin-top:30px;
text-align:left;
}

.pedigree .parent-1 {background-image: url(/sites/cocker/templates/2/ngreen01.png);}
.pedigree .parent-2 {background-image: url(/sites/cocker/templates/2/ngreen02.png);}
.pedigree .parent-3 {background-image: url(/sites/cocker/templates/2/ngreen03.png);}
.pedigree .parent-4 {background-image: url(/sites/cocker/templates/2/ngreen04.png);}
.pedigree .parent-5 {background-image: url(/sites/cocker/templates/2/ngreen05.png);}
.pedigree .parent-6 {background-image: url(/sites/cocker/templates/2/ngreen06.png);}
.pedigree .parent-7 {background-image: url(/sites/cocker/templates/2/ngreen07.png);}
.pedigree .parent-8 {background-image: url(/sites/cocker/templates/2/ngreen08.png);}
.pedigree .parent-9 {background-image: url(/sites/cocker/templates/2/ngreen09.png);}
.pedigree .parent-10 {background-image: url(/sites/cocker/templates/2/ngreen10.png);}
.pedigree .parent-11 {background-image: url(/sites/cocker/templates/2/ngreen11.png);}
.pedigree .parent-12 {background-image: url(/sites/cocker/templates/2/ngreen12.png);}
.pedigree .parent-13 {background-image: url(/sites/cocker/templates/2/ngreen13.png);}
.pedigree .parent-14 {background-image: url(/sites/cocker/templates/2/ngreen14.png);}

/**********************************************************
* Photos
**********************************************************/
.photo .container {
	zoom: 1;
	overflow: auto;
}
.photo .text li {
font-size:14px;
margin-top:-3px;
margin-left:-15px;
}
.photo .albom {
	display: inline;
	float: left;
	width: 50%;
}
.photo .w150 {
	display: inline;
	float: left;
	width: 164px;
}
.photo .text {
display:block;
float:left;
margin-right:5px;
width:160px;
text-align:left;
}
.photo .text h3 a {
text-align:left;
font-size:18px;
line-height:20px;
}
.photo.full .gallery {
	zoom: 1;
	overflow-x: scroll;
	overflow-y: hidden;
	padding: 5px;
}
.photo.full .gallery ul {list-style: none; width: auto; margin: 0;}
.photo.full .gallery li {display: inline; float: left;}
.photo.full .gallery li a{display: block; }
.photo.full .gallery li a:hover {border:0px;}

.photo.full #Photo {
	text-align: center;
}

.rating ul {
background:transparent url(/sites/cocker/templates/2/stars.png) repeat-x scroll left top;
height:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
overflow:hidden;
padding:0;
position:relative;
width:100px;
}
.rating li {
float:left;
height:20px;
margin:0;
padding:0;
width:20px;
}
.rating li a {
display:block;
height:20px;
line-height:20px;
overflow:hidden;
padding:0;
position:absolute;
text-decoration:none;
text-indent:-9000px;
width:20px;
z-index:20;
}
.rating li a:hover {
background:transparent url(/sites/cocker/templates/2/stars.png) repeat scroll left bottom;
border:medium none;
left:0;
z-index:2;
}
.rating a.one-star {
left:0;
}
.rating a.one-star:hover {
width:20px;
}
.rating a.two-stars {
left:20px;
}
.rating a.two-stars:hover {
width:40px;
}
.rating a.three-stars {
left:40px;
}
.rating a.three-stars:hover {
width:60px;
}
.rating a.four-stars {
left:60px;
}
.rating a.four-stars:hover {
width:80px;
}
.rating a.five-stars {
left:80px;
}
.rating a.five-stars:hover {
width:100px;
}
.rating li.current-rating {
background:transparent url(/sites/cocker/templates/2/stars.png) repeat scroll left center;
display:block;
height:20px;
position:absolute;
text-indent:-9000px;
z-index:1;
}
a:active {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}

/**********************************************************
* News новости
**********************************************************/
.news {
display:inline-block;
float:left;
}

.message odd {
display:inline-block;
overflow:auto;
padding-bottom:20px;
width:100%;
border-bottom: 1px dotted #62a65d; /* линия снизу для повторяющихся блоков */
}

.news.full {
	overflow: auto;
	padding-bottom: 20px;
       
	}


.news .w150 {
	width:160px;
	display: inline;
	float: left;
}

.news .w300 {
	width: 200px;
       	float: left;
        margin-right:10px;
}
/***************************************************************
* Правка глюков
***************************************************************/
table.form {display: block;}

.date {
background:transparent url(/sites/cocker/templates/2/calendar.png) no-repeat scroll left center;
display:inline-block;
height:20px;
margin-right:20px;
padding-left:20px;
}
.time {
background:transparent url(/sites/cocker/templates/2/clock.png) no-repeat scroll left center;
display:inline-block;
height:20px;
margin-right:20px;
padding-left:20px;
}
.bottom {
background:transparent url() no-repeat scroll center top;
clear:both;
padding-bottom:20px;
padding-top:20px;
}
.title, .breed, .born, .titles {
font-weight:bold;
}
.vote, .chart {
margin-bottom:20px;
}
.vote ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.bar {
background:transparent url(/sites/cocker/templates/2/chart.gif) repeat-x scroll 0 0;
height:20px;
}
/***************************************************************
* Объявление Zoostars
***************************************************************/
.zoo-adv {
border:1px solid #bc8f5a;
margin-bottom:20px;
margin-top:20px;
padding:5px 0;
}
.zoo-adv.horizontal .adv-text {
display:inline;
float:left;
width:33.33%;
}
.zoo-adv.vertical .adv-text {
}
.adv-text h4, .adv-text p {
padding:0 5px 0px;

}
.adv-text h4 a {
border:1px solid #23730b;
color:#FFFFFF;
background-color:#23730b;
display:block;
font-size:14px;
line-height:30px;
padding:0 5px;
}
.adv-text h4 a:hover {
background-color:#bc8f5a;
border:1px solid #bc8f5a;margin:0px;
}
.adv-text p {
font-size:12px;
}
.zoo-adv .ad-link {
clear:both;
padding-right:5px;
text-align:right;
}
.zoo-adv .ad-link a {
font-size:11px;
text-decoration:none;
}
.feedback .fsubmit input {
background-color:#;
border:1px solid #7abb75;
color:#141516;
}
textarea {
background-color:#;
border:1px solid #7abb75;
color:#141516;
}
.input, .button, .select {
background-color:#;
border:1px solid #7abb75;
color:#141516;
margin:5px;
}
.tbl {
color:#7abb75;
font-size:10px;
margin:0 auto;
}
.radio, .photo1, .photo2, .photo3 {
color:#141516;
}
#secimg {
background-color:#;
border:1px solid #7abb75;
margin:5px;
}
/***************************************************************
* Кольцо зоосайтов
***************************************************************/
.zoositering table {
width: 100%;
background-color:#;
border:1px solid #7abb75;
color:#7abb75;
margin:5px;
}
.zoositering table td{
border-bottom:1px dotted #7abb75;
color:#7abb75;
padding:5px;
}
.zoositering_img a{
margin-top:100px;
border-bottom:3px solid #7abb75;
}
.zoositering_img {
margin-top:5px;
}
.zoositering h4{
margin:-5px 0;
}
.zoositering_text {
font-size: 12px;
}