

* {
	margin: 0;
	padding: 0;
}

img{
border:0;
}
body {
	font-family: Verdana;
	width:100%;
	min-width:1000px;
}

a {
	outline: none;
	text-decoration: none;
	color:#0089cf;
}
a:hover {
	text-decoration: none;
	color:red;
}





p{
margin: 5px 0px 5px 0px;
}



.p1 {padding-bottom:10px;}
.ul1{padding-top:0;}


h1 {font-size: 26px; color:#333;padding-bottom: 5px; padding-top:10px;letter-spacing:1px;}
h2{letter-spacing:1px;color:#333;padding:10px 0;font-size:25px;font-weight:bold;margin-top:50px;}
h3 {letter-spacing:1px;padding:20px 0 10px 0;font-size:22px;color:#333;}
h4 {font-size: 16px; color:#333;padding-top:3px;letter-spacing:1px;}


.clear{
clear:both;
}


#headtop{
width:100%;

}


#tophead{
	background:#F5F4EB;
	padding:10px;
	margin:0 auto;
	min-width:300px;
}


#head{
width:80%;
min-width:980px;
margin: 0 auto;
padding:5px 10px;
text-align:center;

}

#topdiv{
position:fixed;
top:0;
left:0;
width:100%;
background:#F5F5DC;
box-shadow:3px 0px 10px #000;
height:50px;
display:none;
z-index:9999999;
border-radius:0 0 10px 10px;
border-top:4px solid #FFD700;

}


#topdivc{
width:80%;
min-width:980px;
margin: 0 auto;
padding:2px;
text-align:center;
}
#topdivlogo{
display:block;
width:50px;
float:left;
}

#topdivlogo img{
width:48px;
height:48px;
}

#topdivcenter{
display:inline-block;
position:relative;
width:650px;
}

#topdivphone{
width:200px;
float:right;
text-align:right;
font-size:16px;
font-weight:bold;
color:#000;
}
#topdivaddress{
margin-bottom:8px;
font-weight:normal;
font-size:14px;
width:100%;

}
#topdivaddress a{color:#000;}


.topdivlink{
display:inline;
float:left;
padding:5px 7px;
font-family:Cuprum;
color:#000;
text-transform:uppercase;
font-size:18px;
margin-top:8px;
}




.tdintmenu{
	position:relative;
	margin:13px 3px 0 3px;
	float:left;
	width:10px;
	text-align:center;
	color: #000;	
		z-index:50;
}


.topdivbut{
width:120px;
text-align:center;
display:inline;
float:left;
margin-top:12px;
margin-left:20px;
padding:2px;
background: linear-gradient(to bottom, #FFD700 0, #FF8C00 100%);
color:#fff;
font-size:16px;
text-transform:uppercase;
font-family:Cuprum;
letter-spacing:1px;
border-radius:8px;
box-shadow:2px 2px 7px #696969;
}


.topdivbut:hover{
color:#fff;
background: linear-gradient(to bottom, #3CB371 0, #2E8B57 100%);
box-shadow:2px 2px 3px #696969;
}


.topfavlink{
display:block;
width:30px;
height:30px;
float:left;
position:relative;
color:#000;
margin:5px 15px 5px 15px;
font-size:14px;
background:url('/ico/nofav.png');
background-size:cover;
}

.topfavnum{
border-radius:50%;
width:15px;
overflow:hidden;
margin:0 auto;
margin-top:7px;
font-size:10px;
text-align:center;
color:#fff;
}

#alogo{
display:block;
width:20%;
min-width:220px;
padding:5px;
float:left;
text-align:left;
}

#alogo img{
width:220px;
}

#rhead{
width:70%;
min-width:740px;
float:right;
padding:5px 0;
}

#topr{
width:100%;
float:right;
}

#search{
width:460px;
float:left;
padding:5px 0px;
text-align:right;
}


.favlink{
display:block;
width:30px;
height:30px;
float:right;
position:relative;
color:#000;
margin:5px 15px 5px 15px;
font-size:14px;
background:url('/ico/nofav.png');
background-size:cover;
}


#search input{
width:320px;
padding:10px;
font-size:16px;
border:1px solid #F5F4EB;
border-radius:5px 0 0 5px;
}
#search input:focus {outline:none;}

#search .searchimg{
display:block;
background:#F5F4EB;
display:block;
float:right;
margin:0 10px 0 0;
width:30px;
height:30px;
border:1px solid #F5F4EB;
border-radius:0 5px 5px 0;
padding:4px;
cursor:pointer;
}

#phone{
width:250px;
float:right;
padding:5px 10px;
text-align:right;
font-size:21px;
font-weight:bold;
}
#address{
font-weight:normal;
font-size:16px;
width:100%;
padding-top:10px;
}

#wmenu{
width:100%;
min-width:980px;
text-align:center;
}
#topmenu{
font-size:13px;
text-transform:uppercase;
text-align:center;
	position:relative;
	display:inline-block;
	min-height:15px;
	float:left;
	z-index:0;
padding:10px;
}



#lss{
z-index:10;
}


.menu{
	position:relative;
	float:left;
	color: #000;
	z-index:2;
	
	}
.menu a{
	color: #000;
	text-decoration:none;
	}
.menu a:hover{
	color: red;
	text-decoration:none;
	}
.intmenu{
	position:relative;
	margin:0 5px 0 5px;
	float:left;
	width:10px;
	text-align:center;
	color: #000;	
		z-index:50;
}


.menucol{
float:left;
width:250px;
margin-right:50px;
text-align:left;
color:#000;
}
.menucol li{
list-style-type:none;
line-height:1.5em;
font-size:14px;
}

.menucol a{
color:#000;
}

.menucol a:hover{
color:red;
}

/* Slide
-----------------------------------------------------------------------------*/
div.slideBox {
	width: 325px;
	height: 420px;
	position: relative;
	float: left;

	}
	
div.slideBox img {
	position: absolute;
	z-index: 2;
	width: 325px;
	height: 420px;
	}
		
div.slideBox div.content {
	position: absolute;
	z-index: 1;
	padding: 10px;
	}
		
#sub-menu {
	display:none;
	position:relative;
	width:900px;
	margin: 0 auto;
	text-align:center;
	z-index:5;
		padding:10px;
	border-top:1px solid #cccccc;
}

li.menu_class{
	cursor:pointer;
	list-style-type: none;
}
li.menu_class:hover{
	cursor:pointer;
	list-style-type: none;
	color:red;
}
li.menu_class2{
	cursor:pointer;
	list-style-type: none;
}
li.menu_class2:hover{
	cursor:pointer;
	list-style-type: none;
	color:red;
}




#mainslider{
width:80%;
min-width:980px;
margin:0 auto;
padding-bottom:20px;
}


#widthslider{
padding-top:20px;
width:100%;
min-width:980px;
background:#F5F4EB;
}


@media (max-width: 960px) {
  #/widthslider {display: none;}
}

#wsubslider{
width:100%;
min-width:980px;
text-align:center;
position:relative;
padding-bottom:30px;
}


#subslider{

width:80%;
min-width:980px;
position:relative;
display:inline-block;
text-align:center;
margin:0 auto;
}

.mainblock{
display:inline-block;
width:350px;
height:200px;
padding:10px;
float:left;
font-size:15px;
text-align:center;
background-repeat:no-repeat !important;
background-position:center center !important;
line-height:1.5em;
position:relative;
margin:20px 60px;
}


.mainblock h4{
padding-bottom:10px;
}


.mainblock .miniline{
display:none;
width:50%;
height:5px;
border-bottom:1px solid #777;
position:absolute;
bottom:2px;
left:25%;
}


.mainblock img{
height:60px;
}




#windexclass{
width:100%;
min-width:980px;
margin:0 auto;
text-align:center;
position:relative;
background:#F5F4EB;
}


#indexclass{
width:80%;
min-width:980px;
display:inline-block;
position:relative;
display:inline-block;
text-align:center;
margin:0 auto;
padding-bottom:30px;
}

#indexclass .mainblock{
width:350px;
padding:10px;
height:420px;
margin:20px 60px;
}

#indexclass .mainblock .miniline{
display:none;
}

#indexclass .mainblock img{
width:300px;
height:300px;
}


#ordertab{
margin-top:30px;
background:linear-gradient(to bottom, #F8F8FF 30%, #ffffff 100%);
border-radius:10px;
}


#ordertab td{
border:1px dotted #ccc;
padding:10px;
font-size:16px;
}

#ordertab .inputorder{
padding:10px;
width:98%;
border:1px solid #cccc;
border-radius:5px;
font-size:18px;
}

#ordertab .orderlist{
padding:5px;
border-radius:5px;
font-size:14px;
display:inline;
float:left;
margin-right:10px;
}

.order{
display:block;
padding:10px;
width:400px;
margin:0 auto;
font-family:Cuprum;
font-size:26px;
color:#fff;
background: linear-gradient(to bottom, #3CB371 0, #2E8B57 100%);
text-transform:uppercase;
letter-spacing:1px;
cursor:pointer;
border-radius:10px;
outline:none;
}


.clmodal{
text-align:center;
font-family:Cuprum;
display:block;
padding:10px;
font-size:14px;
}

.order:hover{
text-shadow:1px 1px 20px yellow;
}

#ordertab textarea{
width:98%;
height:200px;
padding:10px;
border-radius:5px;
border:1px solid #cccc;
font-size:18px;
}

#windexpol{
width:100%;
min-width:980px;
margin:0 auto;
text-align:center;
position:relative;
}


#indexpol{
width:80%;
min-width:980px;
display:inline-block;
position:relative;
display:inline-block;
text-align:center;
margin:0 auto;
padding-bottom:30px;
}



#indexpol .mainblock{
width:350px;
padding:10px;
height:220px;
margin:20px 60px;
}


#indexpol .mainblock img{
width:80px;
height:80px;
}









#wzak{
width:100%;
min-width:980px;
margin:0 auto;
text-align:center;
position:relative;
background:#F5F4EB;
color:#000;
}


#zak{
width:980px;
display:inline-block;
position:relative;
display:inline-block;
text-align:center;
margin:0 auto;
}


#zak .mainblock{
width:210px;
float:left;
padding:5px;
height:220px;
margin:10px;
line-height:1.2em;
font-size:12px;
}


#zak .mainblock img{
width:50px;
height:50px;
}



#wheading{
margin-top:20px;
width:100%;
background-color:#F5F4EB;
background-repeat:no-repeat;
background-size:cover;
background-position:bottom;
}
#wheading2{
width:100%;
height:100%;
background:rgba(0,0,0,0.3);
margin-top:-20px;
padding-top:20px;
}

#heading{
width:80%;
min-width:980px;
margin:0 auto;
padding:170px 10px 10px 10px;
height:120px;
color:#fff;
font-size:25px;
}

#heading h1{
color:#fff;
font-size:40px;
letter-spacing:0.1em;
font-weight:normal;
}








#wcatitem{
width:100%;
min-width:980px;
margin:0 auto;
position:relative;
color:#000;
margin-top:20px;
}


#catitem{
width:80%;
min-width:980px;
position:relative;
margin:0 auto;
}

#wbread{
width:100%;
border-bottom: 2px solid #777;
margin-bottom:20px;
}
#bread{
width:80%;
min-width:960px;
position:relative;
margin:0 auto;
padding:10px;
font-size:12px;
}



#filterdiv{
width:240px;
float:left;
margin:10px;
padding:5px 15px 15px 5px;
min-height:300px;

}

#itemdiv{
padding-left:20px;
float:right;
}

.itemblock{
width:80%;
min-width:800px;
margin:0 auto;
}


.filtblock{
padding-bottom:20px;
}
.filtblock li{
list-style-type:none;
display:block;
margin-left:10px;
line-height:2.2em;
font-size:12px;
}


.colorfilter{
margin:5px;
width:150px;
position:relative;
border:1px solid #ccc;
cursor:pointer;
}

.colorfilter input{
width:0;
height:0;
}

.colorfilter:hover{
margin-left:20px;
box-shadow:2px 3px 3px #000;
}

.cftitle{
position:absolute;
left:0;
top:0;
display:inline;
padding:3px;
background:#fff;
font-size:10px;
line-height:1em;
border-radius:0 0 5px 0;
}


.fname{
display:block;
font-weight:bold;
font-size:14px;
padding-bottom:10px;
}

.srnum{
font-size:8px;
vertical-align:super;
color:#696969;
}


.sres{
font-size:12px;
padding-left:5px;
color:blue;
font-weight:bold;
text-align:center;

}


.textc{
padding:20px 10px 10px 10px;
font-size:14px;
color:#777;
}

.submitfilter{
display:block;
width:190px;
padding:3px;
text-align:center;
cursor:pointer;
background:#fff;
border:1px solid #ccc;
color:#000;
font-size:14px;
margin-left:10px;
float:left;
}





a.itemlist{
display:block;
float:left;
width:260px;
height:360px;
margin:10px;
background-size: 100%;
background-position: top center;
background-repeat:no-repeat;
color:#000;
position:relative;

}



.itemlistfav{
display:block;
float:left;
width:260px;
height:360px;
margin:20px;
background-size: 100%;
background-position: top center;
background-repeat:no-repeat;
color:#000;
position:relative;

}

.delfav{
display:inline;
position:absolute;
top:0;
right:0;
padding:2px 5px;
color:#696969;
background:rgba(255,255,255, 0.8);
box-shadow:-2px 2px 5px #000;
font-size:10px;
border-radius:0 0 0 5px;
}

#favpos{
font-size:14px;
color:#696969;
padding:10px 0;
}

.itemlistname{
position:absolute;
background:#f8f8f8;
bottom:0;
height:110px;
width:250px;
color:#000;
font-size:12px;
padding:10px 5px;
opacity:1;

}

a.itemlist:hover > .itemlistname{
background:#fafffa;
}


.selitem{
margin-top:20px;
text-align:center;
color:#000;
font-size:24px;
}

.selitem a{
display:inline-block;
border-bottom:1px dotted #000;
font-weight:bold;

}

.itemlistname h4{
font-size:16px;
font-weight:bold;
padding-bottom:5px;
}


.itemlistname li{
list-style-type:none;
}


.itemprice{
display:inline;
position:absolute;
right:5px;
bottom:10px;
font-size:16px;
font-weight:bold;
color:#3CB371;
}


 .mininame{
color:#777;
}



#itemleft{
float:left;
width:520px;
margin-left:20px;
}

#itemright{
float:left;
min-width:190px;
padding-left:10px;
}

#itemright h1{
margin:0;
padding:0;
padding-bottom:20px;
font-size:24px;
}

#itemright li{
line-height:1.5em;
list-style-type:none;
font-size:14px;
}


.orderdiv{
padding-top:50px;
font-size:14px;

}


.orderdiv h5{
font-size:22px;
color:#FF8C00;
padding-bottom:10px;
}

.orderbut{
width:300px;
text-align:center;
display:block;
margin:0 auto;
margin-top:20px;
padding:10px;
background: linear-gradient(to bottom, #3CB371 0, #2E8B57 100%);
color:#fff;
font-size:24px;
text-transform:uppercase;
font-family:Cuprum;
letter-spacing:1px;
border-radius:10px;
}


.orderbut:hover{
color:#fff;
background: linear-gradient(to bottom, #FFD700 0, #FF8C00 100%);

}


.rline{
border-right:1px solid #ccc;
}


#fav{
display:inline;
float:left;
width:130px;
padding-right:10px;
padding-top:5px;
}

#fav img{
height:20px;
width:20px;
display:inline;
float:left;
}

.favspan{
display:inline;
float:left;
margin-left:10px;
border-bottom: 1px dotted #000080;
font-size:14px;
}


#fav a{
cursor:pointer;
}

.fav1, .fav2{
margin-top:30px;
color:#000;
width:200px;
border:1px solid #FF8C00;
padding:10px;
text-align:center;
cursor:pointer;
border-radius:10px;
}

.fav1 a, .fav2 a{
color:#000;
}


.fav1:hover, .fav2:hover{
background:#F5DEB3;
}

.fav1{
background:#FFA500;
}

#itemprops{
padding-top:50px;
}


#itemprops td{
padding:10px;
font-size:20px;
color:#696969;
}



#itemprops .prop1{
background:#fff;
}


#itemprops .prop2{
background:#f8f8f8;
}

.addrh{
font-size:22px;
text-align:center;
}

.addr{
padding:10px;
font-size:26px;
text-align:center;
}

.phn{
padding:10px;
font-size:26px;
text-align:center;
}


#why{
border-top:1px solid #ccc;
margin-top:30px;
}

#why ul{
margin-left:30px;
}

#why li{
font-weight:bold;
list-style-type:square;
padding-bottom:20px;
}

#why li span{
font-weight:normal;
font-style:italic;
font-size:12px;
}

.tagdiv{
padding:10px 0;
}

.tagdiv a{
    color: #696969;
    font-size: 12px;
}

.tagdiv a:hover{
color:red;
}


#itempriced{
color:#696969;
font-size:22px;
float:right;
display:inline;
width:180px;
text-align:right;
}

#top_phone{
float:left;
width:310px;
margin-left:60px;
}
#top_mail{
margin-left:70px;
float:left;
width:185px;
}

#top_search{
margin-right:20px;
float:right;
width:200px;
border-left:2px solid #e6e7e9;
padding-top:3px;
}

#top_search input{
width:120px;
padding:5px 10px;
margin-left:15px;
margin-right:15px;
border:none;
font-style:italic;
font-size:16px;
}
#top_search input::-webkit-input-placeholder {font-style:italic;font-size:12px;color:#000;}
#top_search input:-moz-placeholder {font-style:italic;font-weight:bold;font-size:12px;color:#000;}
#top_search input:focus { outline: none; }
#top_search img{
display:block;
float:right;
width:25px;
height:25px;
}


#top_user{
float:right;
width:25px;
text-align:center;
padding-left:10px;
text-align:right;
}

#subtop{

}
#top_logo{
float:left;
width:229px;
height:30px;
}
#top_menu{
float:left;
text-align:center;
padding-top:3px;
margin-left:10px;
}
#top_menu li{
display:inline;
float:left;
list-style-type:none;
margin:0 10px;
text-transform:uppercase;
font-size:16px;
font-weight:bold;
color:#000;
padding-top:5px;
}

#top_menu li a{
color:#000;
}

#top_menu li a:hover{
color:red;
}



.leftbrand li{
list-style-type:none;
line-height:1.7em;
}

.mainbrand{
font-size:14px;

}

.mainbrand {
list-style-type:none;
line-height:1.7em;

}
.maincoll{
padding-left:20px;
font-size:13px;
font-weight:normal;
line-height:1.7em;
list-style-type:none;
}


.brandcol {
color:#777;
font-style:italic;
}
.brandcol:hover {
color:red;
}




.brandgrey {
color:#000;
}
.brandgrey:hover {
color:red;
}



























#footer{
width:100%;
margin-top:100px;
background:#777777;
padding-bottom:20px;
}





#footerc{
width:80%;
min-width:980px;
margin:0 auto;
padding:30px 10px 20px 10px;
color:#fff;
}
#footerc a{
color:#fff;
}
#footerc a:hover{
color:red;
}

#leftfoot{
float:left;
width:680px;
}
#leftfoot li{
list-style-type:none;
font-size:12px;
line-height:1.6em;
}
#rightfoot{
width:300px;
float:right;
}

.foottext{
font-size:16px;
text-align:right;
}
.footphone{
font-weight:bold;
font-size:22px;
padding-top:10px;
text-align:right;
}
.footmess{
text-align:right;
margin-top:20px;
font-size:14px;
}
.footmess a{
display:block;
float:right;
width:32px;
height:32px;
margin-top:10px;
margin-left:10px;
}


.grline{
border-bottom:2px solid #e6e7e9;
height:0px;
}

.clear{
clear:both;
}



.paginator{
width:100%;

margin-bottom:10px;
margin-top:10px;
text-align:center;
}
.paginator a{
text-decoration:none;
color:#ccc;
font-size:18px;
text-align:center;
display:inline-block;
padding:5px 8px;
}
.paginator a:hover{
color:red;
background:#FDF5E6;
border-radius:5px;
}

.paginator span{
text-decoration:none;
color:#000;
font-size:18px;
display:inline-block;
padding:5px 8px;
}






.catalog{}



.catalogtext{
font-size:14px;
color:#696969;

}


.catbrandlist{
width:33%;
min-width:320px;
margin:20px;
padding:10px;
border:1px solid #ccc;
padding-bottom:30px;
position:relative;
}
.catbrandlist img{
min-height:30px;
max-width:300px;
max-height:150px;
padding:10px 10px 30px 10px;
}


.catcolllist{}
.catcolllist li{
line-height:1.5em;
list-style-type:none;
}
.catcolllist li a{
color:#696969;
font-weight:12px;
}

.catcolllist li a:hover{
color:red;
}

.collprice{
font-size:12px;
color:#A52A2A;
}
.collprice:hover{
color:red;
}


.allcoll {
    display: inline;
	padding:5px;
    width: 180px;
    text-decoration: none;
    color: blue;
    text-align: right;
    bottom: 0;
    right: 0;
    font-size: 12px;
    position: absolute;
	}
	
.cataloglink{
display:inline-block;
padding:10px;
font-family:Cuprum;
letter-spacing:1px;
font-size:24px;
color:#fff;
font-weight:bold;

background: linear-gradient(to bottom, #FF7F50 0, #FF4500 100%);
border-radius:10px;
width:400px;
text-align:center;
margin-top:30px;
}	

.cataloglink:hover{
color:#FFFF00;
}














.disc{
display:block;
margin-top:50px;
text-align:center;	
color:red;
font-weight:bold;
font-family:Cuprum;
text-transform:uppercase;
}


.disc img{
margin:0 auto;
display:block;	
padding:10px;

}



.discmodal{
text-align:center;
font-size:16px;
	
}

.discmodal h2{
	color:red;
	margin-top:10px;
}


#modalphone{
	font-size:32px;
	font-weight:bold;
	display:block;
	margin:0 auto;
	padding:10px;
}


.discmodal .com{
	
	font-size:10px;
	font-style:italic;
	margin-top:20px;
}


.discorderbut{
width:200px;
text-align:center;
display:block;
margin:0 auto;
margin-top:20px;
padding:10px;
background: linear-gradient(to bottom, #FFD700 0, #FF8C00 100%);

color:#fff;
font-size:20px;
text-transform:uppercase;
font-family:Cuprum;
letter-spacing:1px;
border-radius:10px;
}


.discorderbut:hover{
color:#fff;
background: linear-gradient(to bottom, #3CB371 0, #2E8B57 100%);
}


#text{
padding:0 10px 10px 20px;
margin-top:20px;
margin-left:5px;
border-left: 3px dotted #FF8C00;
}
#text h2{
margin-top:0;
}