body {
width: 100%;
height: 100%;
background-color: #7E8082;
font : 14px tahoma, sans-serif;
}

#right { font : bold;}

h1 { text-decoration: none }

INPUT[type="text"]{background-color: #e2e2e2;}
INPUT:hover[type="text"]{background-color: #e2e2e2;}

a:active, a:focus, img {outline: 0;}

html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, table, dl, dt, dd { padding:0; margin:0; }
img {border: none;}

a:link, a:visited, a:active{
color : #000000;
cursor : pointer;
}

a:hover{
color : #f6c44b;
cursor : pointer;
}


#main{
width : 998px;
margin-left : auto;
margin-right : auto;
height : 100%;
}

#header {
  background: url(../img/top_bg.jpg) repeat-y;
  height: 335px;
  width: 100%;
  overflow: hidden;
}

.clear {
  clear: left;
}


#room {
  float: right;
  height: 335px;
  width: 604px;
}

#logo{
  background: url(../img/logo.jpg) no-repeat top left;
  height: 220px;
  width: 344px;
  padding: 0px;
  margin: 32px 0px 25px 42px;
}

#logo a {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

#search{
  margin-left: 52px;
  color: #fff;
}

#line{
  background: url(../img/goldline_top.jpg);
  height: 15px;
  width: 100%;
}

#top_menu{
  background: url(../img/topmenu_bg.jpg);
  width: 998px;
  height: 59px;
  }

#top_menu ul, #bottom_menu ul, #adv ul {
  list-style-type: none;
  text-align: center;
  }

#top_menu li, #bottom_menu li {
  display: inline;
  margin: 0px 31px;

  }

#top_menu a {
 font: 22px times new roman ;
 line-height : 59px;
 color: #FFFFFF;
}

#top_menu a:hover, #bottom_menu a:hover {
  color: #f6c44b;
}

.line2{
  background: url(../img/goldline.jpg) repeat;
  height: 4px;
  width: 100%;
  overflow: hidden;
}

#content {
    background: #b3b3b3 url(../img/content_bg1.jpg) no-repeat 13% 0%;
    padding-bottom: 20px;
}

#bg2 {
  background: url(../img/content_bg2.jpg) no-repeat 100% 100%;
  height: 100%;
}

/* right column */
#right {
  margin: 0px 30px 0px 335px;
  padding-top: 25px;
  width: auto;
}

#model_list h2{
  padding:5px 25px;
  font: bold 20px times new roman ;
  color: #760000;
  /*float:left;*/
}

#model_list ul {
  list-style-type: none;
  width: 100%;
  text-align: center;
  display: inline;

  }

#model_list ul li {
  display: inline;
  float: left;
  width: 49%;
  margin-bottom: 15px;
  text-align: center;
}

.cat_bg {

  opacity: 0.5;
  filter: alpha(opacity=50);
  height: 156px;
  width: 270px;
  background-color: #ccc;
}

.cat_img {
  border: 0px solid #000000;
  position: absolute;
  width: 256px;
  height: 144px;
  overflow: hidden;
  top: 7px;
  left: 7px;
  _left: 11px;

}

*+html .cat_img {
  left: 21px;
}


.rel {position: relative; margin-left: 20px;}

#model_list ul li p{
  line-height: 25px;
  margin: 5px 23px;
  text-align:left;
  font: 16px times new roman;
}

/* end right column */


/*left column */
#left {
  width: 325px;
  float: left;
}

h1 {
  padding:5px 5px;
  font: bold 22px times new roman ;
  color: #760000;
}

#left h1, #right-2 h1 {
  padding:5px 5px;
  font: bold 22px times new roman ;
  color: #760000;
  text-decoration: none
}

#left h1 {
  padding:5px 50px;
}


#bg-left {
 background-color: #cacbcd;
 width: 305px;
}


#menu, #search_on_catalog, #select_fabric {
  width: 305px;
  padding: 10px 0px;
    }



#menu ul {
  margin-left: 30px;
  list-style: none;
	}

#menu ul li {
  font: bold 18px times new roman ;
  line-height: 20px;
  padding: 2px 0px 2px 20px;
  display: block;
  z-index: 100;
  border-bottom: solid 1px #b3b3b3;
	}

#menu ul li:hover, #menu ul li.over {
  position: relative;background-color: #760000;
}

#menu ul li a {
  display: block;
  text-decoration: none;
  color: #000;
}


#menu li a:hover, #menu ul li:hover a, #menu ul li.over a  {
  text-decoration: none;
  color: #f6c44b;
  background-color: #760000;
  display: block;
  padding-left: 10px;
  white-space: nowrap
}

#menu li ul {
    display: none;
	}

* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }

#menu li:hover ul, #menu li.over ul {
  display: block;
  text-decoration: none;
  background-color: #760000;
  position: absolute;
  top: 0px;
  left: 140px;z-index: 100;

    }

#menu ul li:hover ul li, #menu ul li.over ul li {
  display: block;
  padding: 2px 0px;
  color: #fff;
  width: 100%;
  _width: 150px;
  border: none;
    }

#menu li:hover ul li a, #menu li.over ul li a { color: #fff;  padding-right: 10px;}

#menu li:hover ul li a:hover, #menu li.over ul li a:hover { color: #f6c44b;}


#search_on_catalog {
  position: relative;
  z-index: 0; overflow: hidden;
}


#search_on_catalog p, #select_fabric p {
  padding-right: 20px;
  text-align: right;
  margin-top: 3px;
    }

#search_on_catalog p span, #select_fabric p span {
  display: block;
  float: left;
  margin-left: 30px;
  font-weight: bold;
  font: 18px times new roman ;
    }


#search_on_catalog select, #select_fabric select {
  background-color: #760000;
  color: #fff;
  width: 130px;
  font: 17px times new roman ;
    }

#map {height: 195px;}

#map div{
  height: 139px;
  width: 261px;
  float: right;
  padding-right: 20px;
}

/*end left column */

#footer {
  background: url(../img/footer_bg.jpg);
  width: 998px;
  height: auto;
}


#bottom_menu{
  background: url(../img/bottommenu_bg.jpg);
  width: 998px;
  height: 31px;
  }

#adv li {
  display: inline;


  }

#adv img {
  margin: 5px 8px;

  }

#bottom_menu a {
 font: 17px times new roman ;
 line-height : 31px;
 color: #FFFFFF;
 text-decoration: none;
}

#adv {
  height: 110px;
  width: 100%;
  overflow: hidden;
}




#other_info {
  height: auto;
  width: 100%;
  margin-top: 20px;
  background: url(../img/info_bg.jpg) no-repeat 100% 100%;
  overflow: visible;
}

#cn-info {
  margin: 15px auto;
  width: 90%;height: auto;
}


.info, #answer {
  width: 33%;
  float: left;
}

.info h1, #answer h1 {
  color:#fff;
  font:  26px times new roman ;
  margin-bottom: 20px;
  text-decoration: none
}

.info ul, #answer ul {
  list-style-type: none;
}

.info ul li, #answer ul li {
  font: 17px times new roman ;
  line-height: 26px;
  color:#fff;
}

.info ul li a, #answer ul li a {
  text-decoration: none;
  color: #fff;
}

#answer p span{
  color:#fff;
  font:  16px verdana ;
}

#answer div {
  margin-bottom: 15px;
}

#cn-info2 {
  margin: 25px auto 0px auto;
  width: 90%;height: auto;
  padding-bottom: 50px;color: #fff;
}

#copyright, #banner, #averin {float: left; padding: 15px 0px;}

#copyright {
  width: 20%;
}

#banner {
  width: 52%;
  text-align: center;
}

#averin {
  width: 28%;
  text-align: right;
}

#cn-info2 p{
  font-weight: bold;
}

/* page2 & page3 */

#right-2 {
  margin: 0px 30px 0px 335px;
  width: auto;
}

#catalog ul, #page_select ul{
  list-style-type: none;         
  padding-left: 20px;
}

#catalog li {
display: block; float:left;
}

#catalog li a {
  text-decoration: none;
}


#select_fabric{
  padding-top: 40px;
}

#select_fabric p {
  text-align: left;
}

#select_fabric p span {
  color: #760000;
  margin-left: 23px;
}

#page_select {
  width: 60%;
  margin: 15px auto;
  text-align: center;
  height: 50px;
  font: 20px tahoma, san-serif;
}


#page_select li {
display: block;
float: left;
background-color: #760000;
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
margin-left: 5px;
}

/*#right-2 a { text-decoration: none; display: block;}*/
#right-2 a { text-decoration: none; }

#navigation, #description { width: 99%;}

#right-2 h2 {
  font: bold 20px times new roman ;
  color: #760000;
  line-height: 17px;
  }

#back {float: left; width: 30%;padding-left: 20px;}

#back img {float: left; margin-right: 10px;}

#name {float:left; width: 40%; text-align: center;}

#next {float: left; width: 24%; text-align: right;}

#next img {float: right; margin-left: 10px;}

#des_rel {position: relative;}


#des_bg {
  opacity: 0.5;
  filter: alpha(opacity=50);
  text-align: center;
  width: 585px;
  height: 334px;
  border: solid 1px #ccc;
  margin: 30px auto;
  background-color: #ccc;
}

#des_img {
  position: absolute;
  top: 10px;
  text-align: center;
  //left: 33px;
  //  _left: 13px;
}

#other_pic ul {
  list-style-type: none;
  display: inline;
  width: 100%;

}

#other_pic li {
  display: block;
  float: left;
  width: 33%;
  padding: 0px;
  text-align: center;

}

#other_bg {
  text-align: center;
  width: 585px;
  border: solid 1px #c0c0c0;
  margin: 30px auto;
  background-color: #c0c0c0;
}

#other_pic {
  top: 8px;
  left: 25px;
    _left: 5px;
  width: 585px;
  background-color: #c0c0c0;
}

#description p, #description h3 {
  margin-left: 20px;
}

.black { color: #000000; }
a.black { color: #000000; }
.white { color: #FFFFFF; }
a.white { color: #FFFFFF; }
.red { color: #760000; }
a.red { color: #760000; }
.gold { color: #760000; }
a.gold { color: #760000; }

h3 { display: inline }

.listing {margin:0px;padding:0px;}
.listing ul,li{list-style:none}
.listing li {float:left;display:block;padding:2px;}
.listing li a.b{background-color:#333333;color:#FFFFFF;font-size:16px;text-align:center;text-decoration:none; font-weight: bold }
.listing li a{width:31px;height:26px;padding-top:5px;background-color:#CCCCCC;color:#FFFFFF;font-size:16px;display:block;text-align:center; font-weight: bold}
.listing li a:hover{background-color:#999999;color:#FFFFFF;font-size:16px;text-decoration:none;display:block;text-align:center;}
.listing li.hover{background-color:#999999;color:#FFFFFF;font-size:16px;text-decoration:none;display:block;text-align:center;}
.listing li.hover a{background-color:#999999;color:#FFFFFF;font-size:16px;text-decoration:none;display:block;text-align:center;}