* {margin:0px; padding:0px;}

html,body{
	width: 100%;
	height: 100%;
	background:#dfd3c3 url(../images/main-fon.png) no-repeat center top;
	color:#5c5855;
    font-size:15px;
    font-family: Arial,sans-serif;
}
h1{
    font-size:16px;
    margin-bottom:10px;
}
h2,h3,h4,h5{
    font-size:16px;
    color:#9d968c;
    margin-bottom:15px;
    margin-top:15px;
}
a{
    color:#ff9600;
}
a:hover{
    text-decoration:none;
}
ul{
    list-style:none;
}
img{
    border:none;
}
input,textarea{ 
    outline:none;
    font-family: Arial,sans-serif;
}
textarea{
    overflow:hidden;
}
table{
    border-collapse:collapse;
    border-color:#dfd3c3;
}
table td{
    border-color:#dfd3c3;
}

.sitebox{
    width:auto;
	max-width:1260px;
	min-width:1250px;
    min-height:100%;
    background:#FFF;
    margin:0 auto;
}
.banner1{
    font-size: 12px;
    line-height: 17px;
    width:300px;
    height:200px;
    background-image:url(../uploaded/banner1.jpg);
    background-repeat:no-repeat;
    background-position:center top;

}
.banner2{

    font-size: 12px;
    line-height: 17px;
    width:300px;
    height:200px;    background-image:url(../uploaded/banner2.jpg);
    background-repeat:no-repeat;
    background-position:center top;

}
.banner3{
    font-size: 12px;
    line-height: 17px;
    width:300px;
    height:200px;    
    background-image:url(../uploaded/banner3.jpg);
    background-repeat:no-repeat;
    background-position:center top;

}
.banner4{
    font-size: 12px;
    line-height: 17px;
    width:300px;
    height:200px;
    background-image:url(../uploaded/banner4.jpg);
    background-repeat:no-repeat;
    background-position:center top;

}
.banner5{
    font-size: 12px;
    line-height: 17px;
    width:300px;
    height:200px;
    background-image:url(../uploaded/banner5.jpg);
    background-repeat:no-repeat;
    background-position:center top;


}
.banner1 a, .banner2 a, .banner3 a, .banner4 a, .banner5 a{

    color: #000000;

}
.header{
    width:100%;
    height:353px;
    background:url(../images/head-bg.jpg) no-repeat center top;
}
.head-left{
    width:670px;
    height:353px;
    float:left;
}
.slogan-box{
    width:667px;
    height:74px;
    position:relative;
    z-index:0;
    left:-9px;
    margin-top:233px;
	background:url(../images/order-img.png) no-repeat left top;
}
.slogan-box a{
    width:550px;
	height:28px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	position:relative;
	top:42px;
	margin-left:25px;
}
.head-right{
    width:305px;
    height:340px;
    padding-top:13px;
    float:right;
    margin-right:30px;
}
.logo-box{
    width:100%;
    height:80px;
    text-align:center;
}
.top-tel{
    min-height:60px;
    text-align:right;
    color:#a08a6e;
    font-size:19px;
    font-style:italic;
    font-weight:bold;
    padding-right:45px;
}
.top-tel span{
    font-family:Verdana,sans-serif;
}
.top-form{
    width:100%;
}
.top-form-head{
    width:100%;
    color:#383838;
    font-size:12px;
    text-align:center;
    margin-bottom:15px;
}
.top-form-col{
    width:100%;
    clear:both;
    margin-bottom:5px;
}
.top-form-col .inputbox{
    width:164px;
    height:16px;
    line-height:16px;
    padding:2px 10px;
    border:none;
    background:url(../images/input-bg.png) no-repeat left top;
}
.top-form-col .areabox{
    width:164px;
    height:48px;
    max-width:164px;
    max-height:48px;
    min-width:164px;
    min-height:48px;
    padding:2px 10px;
    border:none;
    background:url(../images/area-bg.png) no-repeat left top;
}
.top-form-col .button{
    width:184px;
    height:28px;
    border:none;
    cursor:pointer;
    color:#FFF;
    font-size:14px;
    text-transform:uppercase;
    background:url(../images/button.png) no-repeat left top;
    box-shadow: 4px 4px 3px #ebebeb;
    border-radius:11px;
}
.top-form-col .button:hover{
    background:url(../images/button-hover.png) no-repeat left top;
}
.top-col-left{
    width:105px;
    float:left;
    text-align:right;
    font-size:14px;
    line-height:20px;
    color:#a08a6e;
}
.top-col-right{
    width:190px;
    float:right;
    font-size:14px;
    color:#a08a6e;
}
.site-nav{
    width:100%;
    height:32px;
    margin-bottom:15px;
    text-align:center;
    border-top:1px solid #948985;
    border-bottom:5px solid #e5e5e5;
}
.site-nav ul{
    height:32px;
    margin:0 auto;
    display:inline-block;
    //display:inline;
    zoom:1;
}
.site-nav ul li{
    height:33px;
    float:left;
    margin:0 2px;
    position:relative;
    top:-1px;
}
.site-nav ul li a{
    height:31px;
    line-height:32px;
    color:#5c5855;
    display:block;
    font-size:15px;
    text-decoration:none;
    font-weight:bold;
    padding:0 30px;
}
.site-nav ul li a:hover{
    padding:0 29px;
    border:1px solid #d07300;
    background:#ff930c url(../images/nav-bg.png) repeat-x left top;
    color:#FFF;
    text-decoration:none;
}
.site-nav ul li.active a{
    padding:0 29px;
    border:1px solid #d07300;
    background:#ff930c url(../images/nav-bg.png) repeat-x left top;
    color:#FFF;
    text-decoration:none;
}
.container{
    width:1200px;
    padding:15px 24px 30px 26px;
    clear:both;
}
.left-bar{
    width:245px;
    float:left;
}
.left-nav{
    width:100%;
    margin-bottom:30px;
}
.left-nav ul li{
    width:100%;
    margin-bottom:24px;
    padding-bottom:1px;
    background:url(../images/nav-line.png) no-repeat center bottom;
}
.left-nav ul li a{
    font-size:16px;
    color:#515151;
    padding:0 20px 24px 35px;
    text-decoration:none;
    display:block;
    background:url(../images/left-arrow.png) no-repeat left top;
}
.left-nav ul li a:hover{
    text-decoration:underline;
    background:url(../images/left-arrow-active.png) no-repeat left top;
}
.left-nav ul li.activr a{
    text-decoration:underline;
    background:url(../images/left-arrow-active.png) no-repeat left top;
}
.icon-nav ul li{
    width:100%;
    height:72px;
    border-bottom:1px solid #dfd3c3;
    margin-bottom:30px;
}
.icon-nav ul li a{
    color:#4e463c;
    font-size:16px;
    font-weight:bold;
    font-style:italic;
    text-decoration:none;
}
.icon-nav ul li img{
    float:left;
    position:relative;
    z-index:0;
    left:5px;
    bottom:-10px;
}
.icon-nav ul li span{
    padding-left:105px;
    padding-top:25px;
    display:block;
}
.icon-nav ul li a:hover{
    color:#ff9600;
}
.main-container{
    width:910px;
    float:right;
    line-height:22px;
}
.main-container p{
    margin-bottom:10px;
    margin-top:10px;
}
.main-container table p{
    margin:0;
}
.main-container table td{
    padding:3px;

}.main-container ul{
    margin-left:20px;
	list-style:square;
    margin-bottom:20px;
}
.main-container img{
   border: 1px solid #67625c;
  margin: 2px;
}
.catalog{
    padding:10px;
    margin-bottom:10px;
}
.catalog-box{
    width:200px;
    height:150px;
    border:1px solid #67625c;
    float:left;
    margin:4px;
}
.catalog-box img{
    width:200px;
    height:150px;
}
.module{
    width:100%;
    clear:both;
    margin-bottom:20px;
}
.color-panel{
    width:901px;
    padding:5px 0 5px 7px;
    border:1px solid #dfd6cc;
    background:#f7f1e9;
}
.color-panel-top{
    width:908px;
    height:auto;
    margin-bottom:4px;
}
.color-thumb-box{
    width:110px;
    height:80px;
    overflow:hidden;
    float:left;
    margin-right:2px;
    margin-bottom:2px;
}
.color-thumb-box img{
    width:110px;
    height:80px;
}
.color-img{
    width:893px;
    height:460px;
    overflow:hidden;
    margin-bottom:25px;
}
.color-img img{
    width:893px;
    height:460px;
}
.color-panel-bot{
    width:893px;
    font-size:16px;
    color:#5c5855;
}
.color-panel-col{
    width:100%;
    clear:both;
    overflow:hidden;
    margin-bottom:24px;
}
.color-panel-left{
    width:160px;
    text-align:right;
    float:left;
}
.color-panel-right{
    width:725px;
    float:right;
}
.color-choose{
    width:497px;
    height:auto;
}
.color-box{
    width:30px;
    height:20px;
    margin-right:1px;
    margin-bottom:1px;
    display:block;
    float:left;
    cursor:pointer;
}
.color-box.active{
    width:28px;
    height:18px;
    border:1px solid #ff0000;
}
.color-box:hover{
    width:28px;
    height:18px;
    border:1px solid #ff0000;
}
.calc-tab{
    border:1px solid #dfd3c3;
    font-size:14px;
    margin-bottom:25px;
}
.calc-tab td{
    padding:6px;
}
.calc-tab-head{
    background:#dfd3c3;
    text-align:center;
    font-weight:bold;
    text-transform:uppercase;
    color:#5c5855;
    font-size:15px;
}
.last-col{
    background:#dfd3c3;
}
.inputbox-calc{
    width:165px;
    height:14px;
    line-height:14px;
    font-size:14px;
    color:#000;
    background:#FFF;
    padding:2px 5px;
    border:1px solid #a9a9a9;
}
.inputbox-summ{
    width:143px;
    height:14px;
    line-height:14px;
    font-size:14px;
    color:#000;
    background:#FFF;
    padding:2px 5px;
    border:1px solid #a9a9a9;
}
.button-calc{
    cursor:pointer;
}
.footer{
    padding:0 30px 15px 24px;
    font-size:12px;
    color:#5c5855;
}
.foot-left{
    min-height:31px;
    float:left;
}
.foot-right{
    float:right;
}
.clear{
    width:100%;
	height:1px;
	font-size:1px;
	clear:both;
}