﻿html:first-child .button
{
padding:0 12px 0 12px;
}

*
{
	border:0;	
	margin:0;
	padding:0;	
}

html,body
{
	background:#63615d;
	font:13px tahoma;
	color:#e6e0d5;
}

a 
{
	color:#666;
	text-decoration:underline;
}

h1,h2,h3,h4,h5,h6 {
	color: #ff6600; 
	font-weight: normal;
}

h1 {font-size: 140%;}
h2 {font-size: 130%;}
h3 {font-size: 120%;}
h4 {font-size: 110%;}

h6
{
    font:13px tahoma;
    margin-bottom:20px;
    font-weight:bolder;
}

ul
{
	list-style-type:square;
	color:#ff9933;							
}

ul.none li {
	list-style-type: none !important;
}

ul li
{
	list-style-position:outside;
    margin-bottom:13px;
}

  ul li ul
  {
     list-style-type:none;
     list-style-image:url('../i/arr.gif');
     padding:27px 0 14px 20px;
  }
 
ol {
	margin-left: 40px;
}

a:hover 
{
	text-decoration:none;	
}

#top
{
	width:100%;
	background:url('../i/top-back.jpg') left top repeat-x;
	height:230px;
	position:relative;
	margin-bottom:23px;
}
	#top #doggi
	{
		width:990px;
		height:230px;
		margin:auto;
		position:relative;
	}
		#top #doggi #logo
		{
			width:330px;
			height:111px;
			background:url('../i/logo2.jpg') left top no-repeat;
			position:absolute;
			top:70px;
			left:15px;	
            outline:none;
		}
			#top #doggi .happy
			{
				position:absolute;
				top:82px;
				left:545px;
			}
			
			#top #doggi .tel1
			{
				position:absolute;
				top:104px;
				left:545px;	
			}

			#top #doggi .tel2
			{
				position:absolute;
				top:144px;
				left:545px;	
			}
		

#content
{
	width:962px;
	margin:auto;
	padding:0 10px 55px 18px;
}

    #content #navi
    {
       width:920px;
       margin:auto;
       padding:20px 0 35px 0;

    }
       #content #navi a
       {
          outline:none;
          margin:0 14px 0 14px;
       }
    
    #content #catalog
    {
        width:966px;
        background:#E0DBCD url('../i/cat-back.gif') left top repeat-y;
        margin:auto;
        font:12px tahoma;
        color:#666;

    }
    
    #content #catalog .text
    {
        width:900;
        margin:auto;
        padding:40px 30px 0 36px;
    }
    
    #content #catalog .forms
    {
        
    }
    
    #content #catalog .forms label
    {
        float:left;
        width:120px;
    }
    
    
        #content #catalog #catalog-top
        {
           width:966px;
           background:url('../i/cat-top-back.gif') left top no-repeat;
           height:7px;
           display:block;
        }
        #content #catalog #catalog-bottom
        {
           width:966px;
           background:url('../i/cat-bottom.gif') left bottom no-repeat;
           height:55px;
           display:block;
           clear:both;
        }        
        
        #content #catalog #catalog-left
        {
            width:290px;
            float:left;
            padding:43px 10px 0 48px;
        }
        
        #content #catalog #catalog-right
        {
            width:550px;
            background:#EEEBE3;
            padding:43px 25px 5px 25px;
            float:right;
            margin-right:10px;
            position:relative;
        }
        
        * html #content #catalog #catalog-right { margin-right:8px; }
        
        #content #catalog #catalog-right .lt
        {
            width:6px;
            height:6px;
            background:url('../i/c-r-lt.gif') left top no-repeat;
            position:absolute;
            left:0;
            top:0;
        }
        
        #content #catalog #catalog-right .rt
        {
            width:6px;
            height:6px;
            background:url('../i/c-r-rt.gif') left top no-repeat;
            position:absolute;
            right:0;
            top:0;
        }   

* html #content #catalog #catalog-right .rt
{
	right:-1px;
}      

        #content #catalog #catalog-right .lb
        {
            width:6px;
            height:6px;
            background:url('../i/c-r-lb.gif') left top no-repeat;
            position:absolute;
            left:0;
            bottom:0;
        }    
        
        * html #content #catalog #catalog-right .lb
        {
            bottom:-9px;
        }  
        
        #content #catalog #catalog-right .rb
        {
            width:6px;
            height:6px;
            background:url('../i/c-r-rb.gif') left top no-repeat;
            position:absolute;
            right:0;
            bottom:0;
        }         
        
        * html #content #catalog #catalog-right .rb
        {
            bottom:-9px;
right:-1px;
        }
    

#content #catalog #catalog-right .lot
{
   float:left;
   margin-bottom:45px; 
   width:253px;  
}    
	
#content #catalog #catalog-right .lot .play
{
    width:35px;
    height:25px;
    background:url('../i/play.gif') left top no-repeat;
    outline:none;
    display:block;
    clear:left;
    margin-left:195px;
}

#content #catalog #catalog-right .lot .pro
{
	padding:4px;
	border:1px solid #CDC5B0;
	position:relative;
    width:245px;       
    float:left;
}

    #content #catalog #catalog-right .lot .pro img
    {
       border:1px solid #CDC5B0;
       float:left;
       margin-right:12px;
    }    
    
    #content #catalog #catalog-right .lot .pro .p1
    {
		background:url('../i/p1.gif') left top no-repeat;
		width:4px;
		height:4px;
		position:absolute;
		top:-1px;
		left:-1px;    
    }
    
    #content #catalog #catalog-right .lot .pro .p2
    {
		background:url('../i/p2.gif') left top no-repeat;
		width:4px;
		height:4px;
		position:absolute;
		top:-1px;
		right:-1px;    
    }  
    
    * html #content #catalog #catalog-right .lot .pro .p2
    {
        right:-2px;
    }    

    #content #catalog #catalog-right .lot .pro .p3
    {
		background:url('../i/p3.gif') left top no-repeat;
		width:4px;
		height:4px;
		position:absolute;
		bottom:-1px;
		left:-1px;    
    }  
    
    * html #content #catalog #catalog-right .lot .pro .p3
    {
        bottom:-12px;
    }
                          

    #content #catalog #catalog-right .lot .pro .p4
    {
		background:url('../i/p4.gif') left top no-repeat;
		width:4px;
		height:4px;
		position:absolute;
		bottom:-1px;
		right:-1px;    
    }   

    * html #content #catalog #catalog-right .lot .pro .p4
    {
        bottom:-12px;
        right:-2px;
    } 
    
    #content #catalog #catalog-right .lot .pro p
    {
       margin:0px 0 0 0 !important;
       font:11px tahoma;
    }
    
    #content #catalog #catalog-right .lot .pro .price
    {
       border-top: 1px solid #ccc;
	   margin-top: 7px;
	   font:11px tahoma;
	   clear: left;
    }
    
    
    * html #content #catalog #catalog-right .lot .pro p
    {
       margin-top:12px !important;
    }
    
    #content #catalog #catalog-right .lot .pro p strong
    {
       display:block;
    }
                        
input
{
	background:transparent;
	border:1px solid #cdc1ab;
	width:190px;
	padding:2px 5px 2px 5px;
	color:#555;
	height:16px;
}

textarea
{
	background:transparent;
	border:1px solid #cdc1ab;
	width:190px;
	padding:2px 5px 2px 5px;
	color:#999;
	height:116px;
}


.image
{
	padding:4px;
	border:1px solid #e4dfd4;
	position:relative;
	float:left;
}
	.image img
	{
		margin-bottom:-3px;
	}
	
	.image .n1
	{
		background:url('../i/n1.gif') left top no-repeat;
		width:4px;
		height:4px;
		position:absolute;
		top:-1px;
		left:-1px;
	}

	.image .n2
	{
		background:url('../i/n2.gif') left top no-repeat;
		width:4px;
		height:4px;
		position:absolute;
		top:-1px;
		right:-1px;
	}
	
    * html .image .n2 { top:-1px; right:-2px; }

	.image .n3
	{
		background:url('../i/n3.gif') left top no-repeat;
		width:4px;
		height:4px;
		position:absolute;
		bottom:-1px;
		left:-1px;
	}
	
	.image .n4
	{
		background:url('../i/n4.gif') left top no-repeat;
		width:4px;
		height:4px;
		position:absolute;
		bottom:-1px;
		right:-1px;
	}
	
	* html .image .n3 { bottom:-11px;}
	* html .image .n4 { bottom:-11px;right:-2px;}

    
#content #catalog #catalog-right .pager
{
    width:415px;
    margin:auto;
    text-align:center;   
    position:relative;
    top:-15px;
} 

html:first-child #content #catalog #catalog-right .pager
{
    top:0;
    margin-bottom:15px;
}

#content #catalog #catalog-right .pager a
{
    text-decoration:none;
}   

#content #catalog #catalog-right .pager a:hover
{
    text-decoration:underline;
}
    

#search
{
	width:551px;
	margin:auto;
	border-top:1px solid #CDC1AB;
	padding-top:9px;	
	clear:left;
}
.search_page
{
	border-top: none !important;
}
#search input
	{
		width:190px;
		font:12px tahoma;
		color:#999;
		border:0;
		background:url('../i/search.gif') left top no-repeat;
		padding:2px 5px 2px 5px;
		height:20px;
		float:right;
	}
	#search input.searcher
		{
			width:95px !important;
			padding:1px 0 19px 0;
			background:url('../i/searcher.gif') left top no-repeat;
			text-align:center;
			color:#fff;
			font-weight:bolder;
			float:right;
			margin-left:10px;
			cursor:pointer;
		}    
                html:first-child #search input.searcher
                {
                    padding:0;
                    height:20px;
                }    
                
                html:first-child #search input
                {
                    width:200px;
                }
	.search_page input
	{
		float: none !important;
	}                
    
    .accept, .cancel, .button
		{
			background:url('../i/buter.jpg') left top repeat-x;
			text-align:center;
			color:#fff;
			font-weight:bolder;						
            width:auto !important;            
            padding:0px 8px 10px 8px;
            height:20px;
            border:0;
            cursor:pointer;            
		}        
      .accept { margin-left:120px; margin-right:15px;}
    
      * html .accept { padding:0px 0px 10px 0px; margin-right:5px; }
      * html .cancel { padding:0px 0px 10px 0px; }
      
      html:first-child .accept, html:first-child .cancel
      {
        padding:0 12px 0 12px;
      }
    

#footer
{
	width:100%;
	border-top:5px solid #e6e0d5;
	padding:40px 0 55px 0;
    clear:left;
}
	#footer #centered
	{
		width:950px;

		margin:auto;	
	}

.clear
{
	clear:both;
}	

.mrg-rt-32
{
	margin-left:32px;
}	

.mrg-rt-38
{
    margin-right:38px;
}

.mrg-bt
{
	margin-bottom:18px;
}

.teh
{
	margin:0 0 -5px 216px;	
	z-index:11;
	position:relative;
}

p
{
	margin-bottom:18px;
    line-height:1.3;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

.white, .white a 
{
	color:#ece8e0 !important;
}

.visible-false
{
    visibility:hidden;
}


/* оранж сода вротмненоги! */
.orange-soda
{
    color:#FF6600;
    font-weight:bolder;           
}



/* NEWS ! */
.news-image
{
     padding:4px 4px 2px 4px;
     border:1px solid #CDC5B0;
     position:relative;
     float:left;
}

.news-image .p1
{
          background:url('../i/p1.gif') left top no-repeat;
          width:4px;
          height:4px;
          position:absolute;
          top:-1px;
          left:-1px;      
}

.news-image .p2
{
          background:url('../i/p2.gif') left top no-repeat;
          width:4px;
          height:4px;
          position:absolute;
          top:-1px;
          right:-1px;      
}

* html .news-image .p2
{
        right:-2px;     
}

.news-image .p3
{
          background:url('../i/p3.gif') left top no-repeat;
          width:4px;
          height:4px;
          position:absolute;
          bottom:-1px;
          left:-1px;      
}

* html .news-image .p3
{
     bottom:-11px;
}

.news-image .p4
{
               background:url('../i/p4.gif') left top no-repeat;
          width:4px;
          height:4px;
          position:absolute;
          bottom:-1px;
          right:-1px;
}

* html .news-image .p4
{
        bottom:-11px;
       right:-2px;
}

div.path, div.path a {
	color: #aaa;
	margin-bottom: 5px;
}


span.highlight {
	color: #FF7D27;
	font-weight: bold;
}

span.red {
	color: #FF7D27;
}

input.input_sm {
	width: 40px;
}
table.form_small, table.form {
	width: 90%;
}

table.form td.caption {
	width: 45%;
}

table.form td.i input {
	width: 95%
}


table.form_small td {
	padding-bottom: 7px;
}
table.form_small td.caption {
	width: 80%;
}

input.radio {
	border: none;
	width: auto;
	height: 11px;
}

label.radio {
	padding-bottom: 2px;
}


.hnd {
	cursor: hand;
	cursor: pointer;
}

.gray {
	color: #cca;
	font-size: 11px;
}


table.item_description {
	width: 100%;
	margin-bottom: 10px;
}

table.item_description td.image_cell {
	padding-right: 25px;
	vertical-align: top;	
	width: 200px;
}

table.item_description td.description {
	vertical-align: top;
}

table.item_description h2 {
	font-weight: normal;
}

table.item_description h1 {
	font-size: 18px;
	padding-bottom: 20px;
	font-weight: normal;
}

table.item_description td.item_links {
	padding-top: 10px;
	padding-bottom: 10px;
}

table.item_description td.item_links a.right_anchor {
	display: block;
	float: right;
}

table.item_description td.item_links a {
	color: #ff6600 !important;
}

table.item_description td.item_links div.item_links_in {
	background: #e0dbcd;
	padding: 10px 0 10px 10px;
}

div#catalog-right ul {
	margin-left: 15px;
}


div.new {
	background: url('../i/new.gif') no-repeat;
	width: 65px;
	height: 20px;
	margin-left: 166px;
}


div#catalog-right ul {
	color: #666666;
}


/* Таблица */
TABLE.table, TABLE.sortable{
	
	border-bottom: 2px solid #ff7e28;
	border-top: 1px solid #ff7e28;
	border-left: 1px solid #ff7e28;
	font-size: 100%;
}

TABLE.table TH, TABLE.sortable TH { 
	margin:0px;
	padding: 0px;
	vertical-align: middle;
	border-bottom: 3px solid #ff7e28;
	border-right: 1px solid #ff7e28;
	color: #333333;
	height: 22px;
	text-align: center;
	padding: 5px;
}
TABLE.sortable TH a { color: #b7b7b7; text-decoration: none; }
TABLE.sortable TH a:hover { color: #b7b7b7; text-decoration: none; }
TABLE.table TH.last, TABLE.sortable TH.last { 
	/*border-right: none;*/
}
TABLE.table TD, TABLE.sortable TD { 
	margin:0px; 
	padding: 4px;
	border-right: 1px solid #ff7e28;
	color: #333333;
	/*height: 32px;*/
}
TABLE.table TD.last, TABLE.sortable TD.last { 
	border-right: none !important;
}


select {
	border:1px solid #cdc1ab;
	color:#555;
	width: 45px;
}

.hl a {
	color: #FF6600 !important;
}