﻿body{
  font: 11px Verdana, "Trebuchet MS";
  line-height: 15px;
}
.bld{
  font-weight: bold;
}


#top-bg{
  width: 100%;
  height: 71px;
  background: #e5e5e5;
  margin-top:20px;
}

#wrapper{
  margin: 0 auto;
  width: 960px;
  margin-top: -71px;
}
/**********************************************************************************************/

#header{
  height: 71px;
}

#header img{
  float: left;
}
/*
#header ul{
  float: left;
}

#header ul li{
  float: left;
  padding: 10px;
  padding-top: 36px;
  padding-right: 50px;
  padding-bottom: 20px;
  border-right: 1px solid #333333;
  font-weight: bold;
}



#header ul li:hover{
  background: #b0b3a4;
}

#header ul li a{
  text-decoration: none;
  color: #000000;
}
*/
#jsddmTopTop{
  margin-top: 0;
	padding: 0;
    overflow: hidden;
}

	#jsddmTop li
	{	float: left;
      margin-top: 0px;
		list-style: none;
		}

	#jsddmTop li a
	{	display: block;
  padding-left: 10px;
  padding-top: 36px;
  padding-right: 50px;
  padding-bottom: 20px;
  border-right: 1px solid #333333;
  font-weight: bold;
    text-decoration: none;
  color: #000000;
        }

	#jsddmTop li a:hover
	{	background: #b0b3a4; }

		#jsddmTop li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
            z-index: 1000;
            
		}

		#jsddmTop li ul li
		{	float: none;
			display: inline}

		#jsddmTop li ul li a
		{	width: auto;
			background: #e5e5e5;
            padding-top: 5px;
            padding-bottom: 5px;
            border-right: 0px solid #333333;
        }

		#jsddmTop li ul li a:hover
		{	background: #b0b3a4;}


#header span img{
  float: right;
  margin-top: 0px;
}
/**********************************************************************************************/

#main-nav{
  margin-top: 30px;
  width: 100%;
  height: 36px;
}

.c1{
  background: #d40b1d;
}

.c2{
  background: #3699d0;
}

.c3{
  background: #a6cb0b;
}

.c4{
  background: #f5a60b;
}

.c5{
  background: #5b447a;
}

.c6{
  background: #01b091;
}

.c7{
  background: #fe256c;
}

.c8{
  background: #923d1e;
}
/****************************************************************************************/

#jsddm {
  margin: 0;
  padding: 0;
  margin-top: -15px;
}

#jsddm li {
  float: left;
  list-style: none;
}

#jsddm li a {
  display: block;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  border-right: 1px solid white;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
}

#jsddm li a:hover {
  background-color: #b0b3a4;
}

#jsddm li ul {
  margin: 0;
  padding: 0;
  position: absolute;
  visibility: hidden;
  border-top: 1px solid white;
  z-index: 1000;
}

#jsddm li ul li {
  float: none;
  display: inline;
}

#jsddm li ul li a {
  width: auto;
  background: #CCCCFF;
  color: #000000;
}

#jsddm li ul li a:hover {
  background: #FF0066;
}
/****************************************************************************************/
#carausal{
  margin-top:15px;
}
#carausal div.line{
  margin-top: 30px;
  border-bottom: 3px solid #cccccc;
}
/****************************************************************************************/
#other-content{
  clear: both;

  overflow: hidden;
  text-align: center;
  padding-bottom:10px;
  background: #e5e5e5;
}
#other-content ul{
  padding-top:5px;
}
#other-content ul li{
  display: inline;
}
#other-content ul li a{
  text-decoration: none;
  font-weight: bold;
  color: #000;
  padding-right:20px;
}
/****************************************************************************************/
#footer{
  clear: both;
  width: 100%;
  margin-top: 5px;
}
#footer div{
  margin: 0 auto;
  width: 960px;
  margin-bottom: 20px;
}
#footer div p{
  font-size: 11px;
  color: #CCCCCC;
}

/****************************************************************************************/
#products{
  margin-top:15px;
  clear: both;
}
#products h1{
    clear: both;
  margin-top: 15px;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 1px solid #B0B3A4;
    margin-bottom: 10px;
}
.page_menu{
    width:200px;
    margin-right: 10px;
    float: left;
}
.page_menu ul li{
  padding:5px 0 5px 0;
  border-bottom:1px dotted #B0B3A4;
}
.page_menu ul li:hover, .page_menu ul li.selected {
  background: #B0B3A4;
  padding-left: 10px;
}
.page_menu ul li a{
  text-decoration: none;

  color: #333300;
}





.product_list_container, .otherTextPage{
  width: 740px;
  float: left;
  overflow: hidden;
  padding-bottom: 20px;
}
.product_list_container ul{
  clear: both;
  overflow: hidden;
  margin-bottom: 15px;
}


.product_list_container ul li{
  float: left;
  margin-right: 21px;
  margin-bottom: 15px;
}
.product_list_container ul li img{
    border:2px solid #FFCC33;
}
.product_list_container ul li img:hover{
    border:2px solid #FF3300;
}
.product_list_container ul li span{
  display: block;
  text-align: center;
}


.otherTextPage ul{
  margin-top: 10px;
}


.otherTextPage li{
  background-image:url(../images/bullet.gif);
  background-repeat: no-repeat;
  padding-left: 15px;
  margin-bottom: 5px;
  background-position: center left;
}
.otherTextPage p{
  line-height: 19px;
  margin-bottom: 10px;
}
.store_loc div{
  float: left;
  width: 370px;
  height:80px;
  border-bottom: 1px dotted #000000;
  margin-bottom: 10px;
}
.inthenews div{
  float: left;
  width: 230px;
  text-align: center;
  margin-bottom: 25px;
}
.inthenews div span{
  display: block;
}
#certification{
  margin-top: 20px;
}
#f_video div{
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
}

