/* common */
#count{
	display: none;
}
#worning{
	text-align: center;
	position: fixed;
	left:0px;
	bottom:0px;
	z-index: 9999;
	width:100%;
	background: gray;
line-height:200%;
color: white;

}
body{

	background:url(../images/che_web_bg.png) repeat;
	text-decoration: none;

}


a{
	text-decoration: none;
}

.noword{
       text-indent:-999em;
       overflow:hidden;


}
#clear{

	clear: both;
}
.clear{

	clear: both;
}product
.noshadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}

/* header */

header{
width: 100%;
min-width: 1024px;

}

#logoarea{


    height: 150px;
    display: block;


}

nav{


width: 928px;
height: 193px;

background:url(../images/header_bg2.png) repeat-y;
position: absolute;
top:0px;
z-index: 100;
left:50%;
margin-left: -464px;

}


h1{


margin: 0px auto;
display:block;
width: 80px;
height: 80px;
background:url(../images/logo.png);
top:40px;
position: relative;
cursor: pointer;

}
nav ul{

	margin: auto;
	width: 840px;
	position: relative;



}
nav ul li{

list-style: none;
float: left;
}

nav ul li a
{
display: block;
width:100px;
height: 35px;


margin-left: 10px;
margin-right: 10px;
cursor: pointer;
}
.block{
	display:block;
	width: 25px;
}

#mycarousel{
	cursor: pointer;
}

#blog,
#facebook {
	margin-top: -2px;
}

#product a
{

	background:url(../images/menu2.png) 0px 0px no-repeat;

}
#gallery a
{
	background:url(../images/menu2.png) -135px 0px no-repeat;
}
#services a
{
	background:url(../images/menu2.png) -254px 0px no-repeat;
}
#about a
{
	background:url(../images/menu2.png) -383px 0px no-repeat;
}
#contact a
{
	background:url(../images/menu2.png) -502px 0px no-repeat;
}

#blog a {
	background: url(../images/blog_01.png) 0 0 no-repeat;
}

#facebook a {
	background: url(../images/CHA_FB_en.png) 0 0 no-repeat;
}

#product.selected a
{

	background:url(../images/menu2.png) 0px -35px no-repeat;

}
#gallery.selected a
{
	background:url(../images/menu2.png) -135px -35px no-repeat;
}
#services.selected a
{
	background:url(../images/menu2.png) -254px -35px no-repeat;
}
#about.selected a
{
	background:url(../images/menu2.png) -383px -35px no-repeat;
}
#contact.selected a
{
	background:url(../images/menu2.png) -502px -35px no-repeat;
}

#blog.selected a {
	background: url(../images/blog_02.png) 0 0 no-repeat;
}


#product a:hover
{
	background:url(../images/menu2.png) 0px -35px no-repeat;
}
#gallery a:hover
{
	background:url(../images/menu2.png) -135px -35px no-repeat;
}
#services a:hover
{
	background:url(../images/menu2.png) -254px -35px no-repeat;
}
#about a:hover
{
	background:url(../images/menu2.png) -383px -35px no-repeat;
}
#contact a:hover
{
	background:url(../images/menu2.png) -502px -35px no-repeat;
}

#blog a:hover {
	background: url(../images/blog_02.png) 0 0 no-repeat;
}

#facebook a:hover {
	background: url(../images/CHA_FB.png) 0 0 no-repeat;
}

/* content */

#loading{
	display: none;
	margin: auto;
	width: 24px;
	height: 24px;
	background: url(../images/loading_icon.gif);
	position: relative;
	margin-bottom:20px;
	background-size: contain;
}


#contentmain{
	width:1024px;
	margin:auto;

}
#contentmain.downshift{
	padding-top: 210px;
}
#slidercontrol
{
	margin: auto;
	width:210px;
	top:-40px;
	position: relative;

}
#slidercontrol ul li
{
display: block;

background: url(../images/dot.jpg) no-repeat;
background-position:center center;

width:25px;
height: 25px;
list-style: none;
float: left;


margin-left: 10px;
z-index: 1;



}

#slidercontrol ul li a{
	display: block;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

#home-banner {
	margin-bottom: 25px;
}

#home-banner .banner {
	float: left;
	background-color: #E6E1DF;
	width: 470px;
	height:220px;
	padding: 14px;
}

#home-banner .banner-left,
#home-banner .banner-right {
}

#home-banner .banner-left {
	margin-right: 25px;
}

.img-responsive {
	max-width: 100%;
}

#productdispaly{
	height: 258px;
	overflow: hidden;
	background:url(../images/displaybg.png) 0px -6px;


	-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);


}
#upperblock{
	height:55px;
	background:url(../images/displaybg_upperblock.png);

	z-index: 0;
}
#upperblocktitle{
	margin: auto;

	height:76px;
	width: 88px;
	background:url(../images/displaytitle.png);
	position: relative;
	top:-61px;
	z-index: 1;
}
div.displaytag{
	width:70px;
	height: 70px;
	position: relative;
	z-index: 99;
	top:-121px;
	left:55px;



}
div.new{
	background:url(../images/newflag.png);

}

#clear{

	clear: both;
}
#content{


	width: 946px;
	padding-left: 39px;
	padding-right: 39px;
	padding-top: 200px;
	margin: auto;


}

#containpannel{
	width: 763px;
	position: relative;
	left:183px;
	top:0px;


}

#leftmenu{


	width: 170px;

	padding-left: 7px;
	padding-top: 4px;
	position: absolute;
	z-index: 1;
}

.leftmenutop{

	background:url(../images/leftmenutop.png) no-repeat;
	width:173px;
	height: 35px;
	left:-3px;
	position:relative;
	text-align: center;
	padding-top: 20px;


}

.leftmenutop.hellokitty{

	background:url(../images/leftmenutop_kitty.png) no-repeat;
	height: 112px;
	text-indent: -9999px;
}


.leftmenumiddle{

	background:url(../images/leftmenumiddle.png) repeat-y;

	width:170px;

	padding-top: 1px;
	padding-bottom: 10px;
}
.leftmenumiddle_down{
	background:url(../images/leftmenumiddle_down.png) repeat-y;
	width:100%;
	height: 8px;
}
.leftmenupage{
	background:url(../images/leftmenupage.png) repeat-y;

	padding-left: 10px;
	padding-right: 10px;
	height: 15px;
	padding-top: 1px;
	padding-bottom: 10px;
	text-align: center;

}
.leftmenudown{

	background:url(../images/leftmenudown.png) no-repeat;

	height: 8px;

}

.leftmenumiddle ul
{
	position :relative;

	list-style: none;
	display:none;
}

.leftmenumiddle ul li
{
	background: url(../images/checkbox.jpg) no-repeat;
	padding-bottom: 7px;
	padding-left: 25px;
	padding-top: 7px;
	margin-left:40px;
	cursor: pointer;
	font-size: 10px;
	width: 90px;
	background-position: left center;
}
.leftmenumiddle ul li.selected
{
	background: url(../images/checkbox_selected.jpg) no-repeat;
	background-position: left center;
}

#menusize li{
	display: none;
}

#menusize li.subtitle{

	display: block;
	background: none;
	padding-left: 0px;

}

.leftmenumiddle div.menu,
.leftmenumiddle .chh-menu
{
	height: 100%;

	cursor: pointer;
	padding-bottom: 10px;
	padding-top: 6px;
	padding-left: 30px;
	margin: 10px;

}

.leftmenumiddle .chh-menu > a {
	color: #58595b;
}

.leftmenumiddle .chh-menu.selected > a {
	color: #000000;
}

.leftmenumiddle div a:hover p
{
	color:black;
}

.leftmenumiddle div.projectlist {
	margin: 10px 0px 0px 35px;
}

.leftmenumiddle div.selected {
	background: url(../images/dot_big_white.png) no-repeat;
	color:black;
}

.contenttabletop {
	background:url(../images/contenttable_top.png);
	width:761px;
	height: 10px;
}

.contenttablemiddle {
	background:url(../images/contenttable_middle.png) repeat-y;
	width: 705px;
	height: 100%;
	padding: 28px;
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 850px;
}

.contenttablemiddle header {
	margin-left: 16px;
	margin-top: 8px;
	margin-bottom: 14px;
	color: #58595b;
	font-size: 14px;
}

.advance-search {
	color: #58595b;
	text-decoration: underline;
	position: absolute;
	right: 44px;
	top: 21px;
}

.contenttabledown {
	background:url(../images/contenttable_down.png);
	width:761px;
	height: 10px;
}

#producttable li {
	width: 116px;
  height: 174px;
	list-style: none;
	float: left;
  padding: 6px;
  margin-left: 11px;
  cursor:pointer;
}

#producttable li img {
	width: 116px;
	height: 116px;
	overflow: hidden;
	-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
}

#producttable li p {
	position: relative;
  top:-50px;
  text-align: center;
  font-size: 12px;
}

#producttable li:hover{

    background: url(../images/productselect.png) no-repeat;

}

#sliderx,#slidery{
		font-size: 10px;


	}


.sizecontrol{
	width:110px;
	margin-left: 40px;
	line-height: 25px;
}

/* -----productdetail----- */


#contentmain .view1,#contentmain .view3{
	width: 928px;

	margin: auto;
	overflow: hidden;

	background: #EDE7E4 url(../images/containtable_main.png) repeat-x;
	-moz-box-shadow: 0 0 10 1px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);

}

#contentmain .view2{
	width: 928px;

	margin: auto;


	background: #EDE7E4;
	-moz-box-shadow: 0 0 10 1px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);

}

.view1 .tittle,.view2 .tittle{

	height:50px;
	background: url(../images/containtable_tittle_main.jpg);
	overflow: visible;

}

.view1 ul li{

padding-top: 30px;
width:120px;
height: 150px;
margin-left:30px;
list-style: none;
float: left;

}

.view1 ul li:last-child{
width:140px;

}

.view1 ul li p{

position: relative;
top:5px;


}
.view1 ul li img{

width:103px;
height: 105px;
overflow: hidden;

}

.view3 ul li{

width:291px;
height: 240px;
margin-left:14px;
list-style: none;
float: left;


}
.view3 ul li img{

position: relative;
left: 8px;
top:8px;
	-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);


}
.view3 ul li p{
	position: relative;
	display: none;
	top:30px;
	text-align: center;
	 }

.view3 ul li:hover{

background: url(../images/projectselect.png) no-repeat;


}
#otherproduct{
	background: blue;
}


#serieproduct div.tittle h2{
	display: block;
	width:133px;
	height:66px;
	background: url(../images/h2_tittle2.jpg)-665px 0px;
	margin: auto;


}

#otherproduct div.tittle h2{
	display: block;
	width:133px;
	height:66px;
	background: url(../images/h2_tittle2.jpg);
	margin: auto;


}
#savedproduct div.tittle h2,#collectiontable div.tittle h2{
	display: block;
	width:133px;
	height:66px;
	background: url(../images/h2_tittle2.jpg) -133px 0px ;
	margin: auto;
}

#savedproduct div.tittle img{
	display: block;
	position: relative;
	top: -53px;
	left: 798px;




}
#savedproduct ul li img,#viewedproduct  ul li img,#otherproduct ul li img,#serieproduct ul li img{
	-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);



}
#savedproduct ul li div{

	width: 14px;
	height: 14px;
	background:url(../images/close_small.jpg);
	position: relative;
	top: -10px;
	left:89px;
	cursor: pointer;
}
#collectiontable_main .hide{
	display:none;
}


#sendcollection{
	cursor: pointer;

}

#viewedproduct div.tittle h2{
	display: block;
	width:133px;
	height:66px;
	background: url(../images/h2_tittle2.jpg) -266px 0px;
	margin: auto;
}



#productpicture {

width:635px;
height:420px;
float: left;

}
#productpicture ul{
	margin: 15px;


	width:603px;
	height: 401px;

}
#productinfo
{
background:  url(../images/spliter2.png) no-repeat;
width:253px;
height:425px;

float: left;
padding-top: 10px;
padding-left: 20px;
margin-right: 20px;
padding-bottom: 0px;
line-height:150%;
overflow: hidden;
}
#productinfo div.info1{

height: 220px;
overflow: hidden;


}
#productinfo div.info2{

height: 158px;
overflow: hidden;


}

#productinfo a{

	position:relative;
	top:0px;
	left:134px;



}
#popmessage{

	position: fixed;
	margin: auto;
	top:50%;
	left:50%;
	margin-top: -58px;
  	margin-left: -175px;
  	display:none;
	width:350px;
	height: 115px;
	background: rgb(255, 255, 255);

	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;

	-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);


	text-align: left;
	vertical-align: center;

	font-size:18px;

	color:#333333;
	padding: 15px;
	line-height:80%;
}
#popmessage img{
	width: 113px;
	height: 115px;
	margin-right: 30px;
	float: left;
	-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);


}
#popmessage div{


	padding: 10px;
}

#sendcollectionpopout div.send{

	background: blue;
	z-index: 101;
	width: 400px;
	height: 400px;
	position: fixed;
	top:50%;
	left:50%;

	visibility: hidden;
	-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);


}

#myModal .top{
	padding:53px;
	padding-bottom: 21px;
	background: #E5DEDA;
z-index: 999;
	height: 180px;

		-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);

}
#myModal .top p{

	float:right;

}
#myModal .information{

	height: 250px;
	padding:53px;
	padding-bottom: 30px;


}


#collectiontable{

	width: 928px;
	-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);

	margin: auto;

	background: #EDE7E4 url(../images/containtable_main.png) repeat-x;

}
#collectiontable ul{


overflow: scroll;
overflow-x:hidden;

}
#collectiontable ul li{

height: 120px;
width:240px;
padding-top: 53px;
padding-left: 0px;
margin-left:53px;

}
#collectiontable ul li p{
position: relative;
width: 130px;
left:120px;
top:-70px;
}
#collectiontable ul li span{

position: relative;
width: 130px;
left:140px;
top:-73px;
}
#collectiontable ul li div{
position: relative;
left:120px;
top:-56px;

}
#formaction2{
	position: relative;
	float: right;
	top:20px;

}
#formaction2 img{

	cursor: pointer;
}



/*gallery*/
#otherproject div.tittle h2{
	display: block;
	width:133px;
	height:66px;
	background: url(../images/h2_tittle2.jpg) -399px 0px;
	margin: auto;
}
#otherproject ul li a{

display: block;
height: 173px;
overflow: hidden;
}
#otherproject ul li img{


	width:275px;


}
#otherproject ul li p{

	position: relative;
	top:23px;
}

div.topspliter{
	margin-top: 30px;
	width: 744px;
	height: 16px;
	position: relative;
	left: -21px;
text-align: center;
	background: url(../images/spliter_horizon.png) repeat-x;
}

.view4 ul li{


padding-top: 10px;
width:113px;
height: 200px;
padding: 6px;
    margin: 7px;
list-style: none;
float: left;




}
.view4 ul li img{
	width:113px;
	height: 115px;
	-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);

}
.view4 ul li p{

position: relative;
top:10px;

}

#designtag{
	position: relative;
	float:right;
	letter-spacing:0.5px;
}

/*projectdetail*/


.projectdetail .contenttablemiddle p{

	padding-left: 8px;
	padding-right: 8px;
}
.projectdetail .contenttablemiddle .view4 p{
	padding-left: 0px;
	padding-right: 0px;

}



/*services*/
div.topspliter2{
	margin-top: 20px;
	width: 100%;
	height: 16px;
	position: relative;
	left: 0px;
text-align: center;
	background: url(../images/spliter_horizon.png) repeat-x;
}

#contentmain .view5{
	width: 928px;
	margin: auto;
	text-align: center;

	padding-top:20px;
	padding-bottom:20px;


	background: #EDE7E4;
	-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);


}
#contentmain .view5 .toppic{

	-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);

	margin:auto;
}
#contentmain .view5 p{
	margin: auto;
	display: block;
	width:630px;
}
#contentmain .view5 p.left{
	margin: auto;
	display: block;
	width:630px;
	text-align: left;
}



/*contact*/
#information{
	padding-left: 55px;
	width: 335px;
	text-align: left;
	line-height:170%;
	float: left;
}
#information img{
	position: relative;
	left:-6px;
}
#information p{

		position: relative;
	top:100px;
}
#map{
position: relative;

left:200px;
top:-200px;
}

#contentmain .view5 form{
	padding-left: 54px;


	text-align: left;

}
#contentmain .view5 form table{


	vertical-align:top;
}
#formaction{
	position: relative;
	float: right;
	margin-right: 25px;
	top:30px;

}
#formaction img{

	cursor: pointer;
}
#captchapic{

	position: relative;
	top: 5px;
}
/*contact*/
#contactmessage
{
	margin: auto;

}


#sendform input{
	position: relative;
	top:-3px;
	width:200px;
}
#sendform textarea{
	width:435px;
	height:150px;
	position: relative;
}
/* footer */
footer{
	width: 100%;
	display:block;
	background-color: #B4A59F;
	margin-top: 50px;
}

.footerdown{

	text-align: center;

	line-height:150%;
}

#footer_wraper{
	width: 946px;
	margin: 0px auto;

	padding-left: 7px;
	padding-right: 7px;
	padding-top: 45px;
	padding-bottom: 65px;
}

.footer-inner {
	line-height:150%;
}

.footer-inner .copy {
	float: left;
	padding-left: 9px;
}

.footer-inner .cata-list {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 625px;
	float: right;
}

.footer-inner .cata-list li {
	float: left;
	width: 125px;
	font-size:12px;
}




#search{

	width:127px;
	margin-left: 2px;
	margin-top: 10px;
	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);

        box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
    background: #ece8e6;


    border: none;
	padding: 5px 17px 5px 17px;
	color: #58595B;
	font-size: 13px;


	 box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.5);
	 -moz-box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.5);

}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* overwrite */

.jcarousel-skin-2 .jcarousel-item .chh-item {
	position: relative;
	top: -50px;
	text-align: center;
	font-size: 12px;
}