body { margin:0px; background:#292929; color:#d2b48c; width:100%; }
div#topmenu { float: right; width:100%; height:30px;  background: #333;}
div#pagetop { position:fixed; top:560px; background: #333; padding:8px; padding-left:0px; font-size:20px; width:562px; border-bottom:#000 1px solid; }
div#counter { position:relative; float: right; width:100%; height:60px; margin-top:35px; padding:0px; padding-left:20px; background:#292929;}
div#search { position:fixed; left: 590px; top:505px;  padding-left:0px; font-size:14px; width:218px;}
p#search_info { position:fixed; left: 600px; top:565px;  padding-left:0px; font-size:14px; width:218px;}
div#compare { position:fixed; left: 600px; top:465px;  padding-left:0px; font-size:14px; width:220px; border-bottom:#000 1px solid; }
div#choicemol { position:fixed; left:583px; top:538px; width:330px;}
div.catalog {position:absolute; bottom:25px; float: left; width:130px; }
div#ras  { position:fixed; left:870px; top:548px; z-index: 4;}
.colorcatalog2  {
margin-left:5px;
font-family:  Tahoma, sans-serif;
 font-size: 16px;
 color:#d2b48c;
}
#buttonadd  {font-family:  Tahoma, sans-serif;
font-size: 18px; color:#d2b48c;
cursor: pointer;
}
#buttonadd1  {margin: 0;
	padding: 0;
	border: 0;	
	background-image: url(../basket/basket.jpg); /* Путь к фоновому изображению */
    background-color: #c7b39b; /* Цвет фона */
	cursor: pointer;
}
#buttonadd2  {margin: 0;
	padding: 0;
	border: 0;	
	background-image: url(../basket/basket.jpg); /* Путь к фоновому изображению */
    background-color: #c7b39b; /* Цвет фона */
	cursor: pointer;
}

#container .basket input {
background: url('../images/input.png') no-repeat;
        color: #8a0810;
        border: 1px solid #ccc;
        font-family: Cantarell, Verdana, sans-serif;
        font-weight: bold;
        font-size: 15px;
        width: 100px;
        height: 35px;
        padding: 0 7px;
        margin: 15px 0;
		float: left;
	
}
#container #delbasket input {
background: url('../images/input.png') no-repeat;
        color: #8a0810;
        border: 1px solid #ccc;
        font-family: Cantarell, Verdana, sans-serif;
        font-weight: bold;
        font-size: 15px;
        width: 100px;
        height: 35px;
        padding: 0 7px;
        margin: 15px 0;
		float: left;
	
}





div.addbas {position:absolute; bottom:15px; left: 130px; width:330px; }

div.picturesmall {position:absolute; bottom:90px; float: left; margin-left:5px; width:100px;}
div.basket {position:absolute; bottom:190px; float: left; margin-left:5px; width:100px;}
div#delbasket {position:absolute; bottom:190px; float: left; margin-left:5px; width:100px;}

div.basket2 {position:absolute; top:8px; float: left; margin-left:5px; width:100px;}
div#title { position:fixed; left:590px; top:10px; width:500px; visibility:hidden;}
div#thumbnailbox { position:fixed; top:30px; background: #333; padding:8px; padding-left:0px; font-size:20px;  height:510px; width:562px; background:#505050;}
ul#thumbnail { float:left;  margin-left:-15px; margin-top:15px; }
.count{
margin-left: 20px;
}

#menu{
margin-top: 4px;
margin-left: 0px;
}

ul.hr li {
    display: inline; /* Отображать как строчный элемент */
   
  /*  border: 1px solid rgb(0, 136, 204);  Рамка вокруг текста */  	

padding:0px;
list-style: none;
cursor: pointer;
padding:5px;
   }


#menu li a{
text-decoration:none;
color:rgb(0, 136, 204);
font-size: 14px;
}
#menu li.currentmenu  {
text-decoration: none;
color: #00c8ff;
font-size: 14px;
}

#thumbnail li {
float: left;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 10px;
list-style: none;
cursor: pointer;
padding:0px;
}

#Pagination{
float: left;
margin-left: 25px;

}


div#container { position:relative; float: right; width:520px; height:609px; padding:2px; background:#333;}
div#first_step { background:white;}
div#second_step { background:white;}

div#pictureframe { background:white;}
 

div#descriptionframe { position:fixed; left:617px; top:470px; }
div#descriptionframe2 { position:fixed; left:617px; top:500px; }
div#descriptionframe3 { position:fixed; left:617px; top:530px; }
div#descriptionframe4 { position:fixed; left:617px; top:560px; }
div#middle { position:fixed; left:530px; top:87px; width:310px;}
div#choice { position:fixed; left:595px; top:32px; width:275px; }

.paginate {
font-family:Arial, Helvetica, sans-serif;
font-size: 150%;
	padding: 3px;
	margin: 3px;
}

.paginate a {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #999;
	text-decoration:none;
	color: #666;
}
.paginate a:hover, .paginate a:active {
	border: 1px solid #999;
	color: rgb(138, 8, 16);
}
.paginate a.current {
    margin: 2px;
	padding: 2px 5px 2px 5px;
		border: 1px solid rgb(138, 8, 16);
		
		font-weight: bold;
		background-color: rgb(138, 8, 16);
		color: #FFF;
	}
	.paginate a.disabled {
		padding:2px 5px 2px 5px;
		margin:2px;
		border:1px solid #eee;
		color:#DDD;
	}
	
	.colorcatalog  a{		
		color:rgb(0, 136, 204);
		font-size: 18px;
	}
.colorcatalog a:hover, .colorcatalog a:active {
	border: 1px solid #999;
	color:rgb(0, 136, 204);
	font-size: 18px;
}



#middle  li  {
list-style: none;
padding-bottom:15px;
	}
	
#middle  ul {
display:block;
text-align: center;
	}	
	#catalogchoic  li {
 list-style: none;
cursor: pointer;
text-align: center;
	}
#catalogchoic  li a{		
		color:rgb(0, 136, 204);
		font-size: 18px;
		text-decoration: none;
}
#woodcatalog  li {
 list-style: none;
cursor: pointer;
text-align: center;
	}
#woodcatalog  li a{		
		color:rgb(0, 136, 204);
		font-size: 18px;
		text-decoration: none;
}
.currentcatalog {		
		color:#00c8ff;
		font-size: 18px;
		text-decoration: none;
		cursor: default;
	}
ul  li.nazad a{		
		color:rgb(0, 136, 204);
		font-size: 18px;
		text-decoration: none;
		text-transform:uppercase;
	}

span {
    font-family:  Tahoma, sans-serif;
    font-weight: 600; /* Жирное начертание */
   }
   
   .current {
         text-align: center;
				
		font-weight: bold;
		
		color:rgb(0, 136, 204);
		padding-top:7px;
		padding-bottom:10px;
	}
	
 
	

.span50 {
  width: 40px;  
  height: 50px;
  border: 1px solid #999;
}

.span506 {
  
  border: 1px solid #00dfff; 
  
}
.span505 {
  
  border: 1px solid #ff4d00;
}

.currentthumbnail{
border: 1px solid #8a0810;
}

#costframe {
        
        font-size: 20px;
        color: #8a0810;
        text-shadow: none;
		text-align: center;
    }


@font-face {
   font-family: 'Cantarell';
   src: url(http://baget1.ru/catalog/style-css/fonts/Cantarell-Regular.eot);
   src: local('Cantarell'), url('http://baget1.ru/catalog/style-css/fonts/Cantarell-Regular.ttf') format('truetype');
}




input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : none; } 
input[type="submit"]:focus, input[type="button"]:focus { outline : none; }

.clear { clear: both; }


    

    #container .form { margin: 0px 12px 0 32px; }
    
    #container h1, #container h2 {
        font-size: Cantarell, Verdana, sans-serif;
        text-align: left;
        font-size: 24px;
        text-shadow: none;
    }
        #container h1 span { color: #a90329; }
        
    #container h2 {
        
        font-size: 20px;
        color: #8a0810;
        text-shadow: none;
    }
    
    #container table {
        margin: 20px 0px;
        font-size: 14px;
        font-weight: bold;
    }
        #container table td {
            padding: 5px 10px;
        }
            #container table td:nth-child(2) {
                color: #a90329;
            }   
        
    #container input, #container select {
        background: url('../images/input.png') no-repeat;
        color: #888;
        border: 1px solid #ccc;
        font-family: Cantarell, Verdana, sans-serif;
        font-weight: bold;
        font-size: 15px;
        width: 150px;
        height: 35px;
        padding: 0 25px;
        margin: 15px 0;
		float: left;
        
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }
	
	
	#container select {
         margin-left: 60px;
        
    }
        #container input.submit {
            background: url('http://baget1.ru/catalog/images/button1.png') no-repeat;
			color: #8a0810;
			
			font-size: 18px;
            border: none;
            cursor: pointer;
            width: 235px;
            height: 38px;
            position: relative;
            bottom: 2px;
            left: 30px;
        }
#container input.submitart {
            background: url('http://baget1.ru/catalog/images/button1.png') no-repeat;
			color: #8a0810;
			font-size: 18px;
            border: none;
            cursor: pointer;
            width: 330px;
            height: 38px;
            position: relative;
            bottom: 2px;
            left: 0px;
			 margin: 30px 0;
        }	
		
		
            #container input.submit:focus { border: none; }
        
        #container input.send{ background: url('http://baget1.ru/catalog/style-css/images/send1.png') no-repeat; }
            
        #container input.error { border: 1px solid red; }
        #container input.valid { border: 1px solid #1FFF00; }
        
        #container input:focus, #container select:focus {
            border: 1px solid #a90329;
            color: #a90329;
        }

    #container select { padding: 5px 0 5px 25px; }
        #container option { padding: 0 15px; }

      


.blue {
color: rgb(0, 136, 204);
}
#compare_button {
        background:#292929;
        color: #00c8ff;
        border: 1px solid #ccc;
        font-family: Cantarell, Verdana, sans-serif;
        font-weight: bold;
        font-size: 15px;
        width: 200px;
        height: 35px;
        padding: 0 10px;
        margin-left: 5px;
		
		float: left;
        border: 1px solid #00c8ff;
        cursor: pointer;
    }
#input_button {
         background:#292929;
        color: #00c8ff;
        border: 1px solid #ccc;
        font-family: Cantarell, Verdana, sans-serif;
        font-weight: bold;
        font-size: 15px;
        width: 200px;
        height: 35px;
        padding: 0 25px;
        margin-left: 5px;
		
		float: left;
        border: 1px solid #00c8ff;
        cursor: pointer;
    }
	
#container input input_button13{        

        color: #8a0810;
        
    }	
		
	
#choice span {
cursor: pointer;
background:#292929;
        color:#0088cc;
        border: 1px solid #ccc;
        font-family: Cantarell, Verdana, sans-serif;
        font-weight: bold;
        font-size: 14px;
        
        height: 35px;
        padding: 5px 10px;
        margin-left: 5px;
		
		float: left;
        border: 1px solid #0088cc;
}
#choice .currentoption {
         background:#292929;
        color: #00c8ff;
        border: 1px solid #ccc;
        font-family: Cantarell, Verdana, sans-serif;
        font-weight: bold;
        font-size: 14px;
        
        height: 35px;
        padding: 5px 10px;
        margin-left: 5px;
		
		float: left;
        border: 1px solid #00c8ff;
        
    }
	#input_button1{
         
        width: 65px;
        height: 35px;
        margin-top: 15px;
        margin-left: 10px;		
        cursor: pointer;
    }	
	#input_text {
        background: url('../images/input.png') no-repeat;
        color: #888;
        border: 1px solid #ccc;
        font-family: Cantarell, Verdana, sans-serif;
        font-weight: bold;
        font-size: 12px;
        width: 115px;
        height: 30px;
        padding: 0 10px;
        margin-left: 5px;
		margin-top: 15px;
		float: left;
        
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }	
		
		
		#input_text:focus {
            border: 1px solid #a90329;
            color: #a90329;
        }
		
		.sm {
        background: url('../images/input.png') no-repeat;
        color: #888;
        border: 1px solid #ccc;
        font-family: Cantarell, Verdana, sans-serif;
        font-weight: bold;
        font-size: 15px;
        width: 30px;
        height: 28px;
        padding-top: 7px;
		padding-bottom: 0px;
		padding-left: 10px;
        margin: 15px 0;
		float: left;
        
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }
	#variant {     
        	color: #888;
        font-size: 20px;		
        font-weight: bold;        
        
    }
	
	
	
div#qo {position:absolute;  left:860px; margin-top:5px; padding:0px; font-size: 18px; color:#d2b48c;}
div#my_basket {position:absolute;  left:1100px; margin-top:5px; padding:0px;}

div#my_basket a {text-decoration: none; font-size: 14px; color: #00c8ff;}



#delbasket {
	display: none;
}
#my_basket {
	display: none;
}

.save {
	display: none;
}

#container .save input {
cursor: pointer;
background: url('../images/input.png') no-repeat;
color: #888;
border: 1px solid #ccc;
font-family: Cantarell, Verdana, sans-serif;
font-weight: bold;
font-size: 15px;
width: 200px;
height: 35px;
padding: 0 7px;
margin: 15px 0;
float: left;
}

#container .savecompare input {
cursor: pointer;
background: url('../images/input.png') no-repeat;
color: #888;
border: 1px solid #ccc;
font-family: Cantarell, Verdana, sans-serif;
font-weight: bold;
font-size: 15px;
width: 280px;
height: 35px;
padding: 0 7px;
margin-left: 45px;
float: left;
}

#container .addbas input {
background: url('../images/input.png') no-repeat;
        color: #888;
        border: 1px solid #ccc;
        font-family: Cantarell, Verdana, sans-serif;
        font-weight: bold;
        font-size: 15px;
        width: 280px;
        height: 35px;
        padding: 0 7px;
      margin-left: 45px;
		float: left;
	    cursor: pointer;
}
button { 
margin-left: 10px;
cursor:pointer; 
 height:50px; width:150px; 
 text-align:center; 
}
button#ok{ 
color: #8a0810;
cursor:pointer; 
 height:35px; width:70px; 
 font-weight: bold;
 text-align:center; 
}

#deletecompare {
	display: none;
}
.errormess{
margin-left: 20px;
margin-bottom: -10px;
font-size: 20px;
color: #8a0810;
text-shadow: none;
}

#container #zero_step, #first_step, #second_step, #third_step, #third_step_2, #fourth_step, #five_step { display: none; }
 #container #zero_step { display: block; }
 div#zero_step { background:white;}
 
 

#zero_pictureframe {
margin-left: 30px;
margin-top: 10px;

}
button#order{ 
background-color: #8a0810;
background-image: linear-gradient(bottom, rgb(138,8,17) 0%, rgb(117,8,17) 59%, rgb(220,181,183) 100%);
background-image: -o-linear-gradient(bottom, rgb(138,8,17) 0%, rgb(117,8,17) 59%, rgb(220,181,183) 100%);
background-image: -moz-linear-gradient(bottom, rgb(138,8,17) 0%, rgb(117,8,17) 59%, rgb(220,181,183) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(138,8,17) 0%, rgb(117,8,17) 59%, rgb(220,181,183) 100%);
background-image: -ms-linear-gradient(bottom, rgb(138,8,17) 0%, rgb(117,8,17) 59%, rgb(220,181,183) 100%);
  
  background-repeat: repeat-x;
color: #fafafa; 
cursor:pointer; 
 height:39px; 
 width:150px; 
 font-weight: bold;
 text-align:center; 
 margin-top: 5px;
}

img.myImage {
height: 390px; 
max-height: 390px;
 width: auto}
img.myImage2 {
height: 435px; 
max-height: 435px; 
width: auto}

.artmess{
margin-left: 20px;
margin-top: -2px;
font-size: 20px;
color: #8a0810;
text-shadow: none;
}
.artmess2{
margin-left: 20px;
margin-bottom: -10px;
font-size: 20px;
color: #8a0810;
text-shadow: none;
}

#my_basket input {
background: url('../images/input.png') no-repeat;
color: #8a0810;
border: 1px solid #ccc;
font-family: Cantarell, Verdana, sans-serif;
font-weight: bold;
font-size: 12px;
height: 25px;
float: left;
cursor: pointer;
}