@charset "utf-8";

/* CSS Document */

body {

    background-color: #fff;

}

td, th {

    overflow: hidden;

}

td, th {

    white-space: normal;

    word-break: break-all;

    word-wrap: break-word;

}

#site {

    margin: 0 auto;

    padding: 0;

    text-align: left;

    width: 990px;

}

.box960 {

    margin: 0 auto;

    text-align: left;

    width: 990px;

    z-index: 20;

}

.view_large {

    float: left;

    font-size: 18px;

    font-weight: bold;

    line-height: 20px;

    margin: 27px 0 0 20px;

}

#contain {

    clear: both;

    float: left;

    margin: 4px 0 0;

}

.path_wholesale_view {

    border-top: 1px solid #ccc;

    margin-top: 10px;

    padding-top: 16px;

    text-align: left;

}

.path_wholesale_tab{

	width:100%;	

	margin-top:20px;

}

.path_wholesale_view h2 {

    color: #868686;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 12px;

    font-weight: 500;

    margin-top: 5px;

}

.path_wholesale_view h1 a:link, .path_wholesale_view h1 a:visited {

    color: #000;

	font-size: 20px;

    text-decoration: underline;

}

.path_wholesale_view h1 a:hover {

    color: #ed1111;

    text-decoration: none;

}

.mart5 {

    margin-top: 5px;

}

#img_area_large_image_view {

    background-color: #eee;

}

#img_area_large_image_view ul li {

    float: left;

    height: 50px;

    padding: 5px;

    width: 50px;

}

#img_area_large_image_view ul li a {

    border: 1px solid #e6e6e6;

    display: block;

    height: 50px;

    width: 50px;

}

.clearit {

    clear: both;

    font-size: 0;

    height: 0;

    line-height: 0;

    overflow: hidden;

}

#gallery_view {

    border: 1px solid #ccc;

    float: left;

    padding: 4px;

    width: 100%;

	text-align: center;

	border-radius: 5px;

}

#gallery_view ul {

    margin-right: 10px;

    padding: 0;

}

#gallery_view ul li {

    list-style-type: none;

    margin: 0;

}

#gallery_view ul img {

    border-color: #e9e9e9 #e9e9e9 #989898;

    border-style: solid;

    border-width: 1px 1px 4px;

}

#img_area {

    margin: 0;

    width: 282px;

}

.cirbox {

    border: 1px solid #ccc;

    margin-bottom: 10px;

    position: relative;

	width:100%;

	border-radius: 5px;

}



.cirbox .cc {

    padding: 3px 3px 5px;

}

.searchFrame8p {

    background-color: #ffffff;

    clear: both;

    height: auto;

    margin-left: 0;

    overflow: visible;

    padding-left: 4px !important;

    padding-top: 0;

}

.title_cir {

    padding: 5px 0 0 5px;

    text-align: left;

}

h2 {

    color: #000;

    font: bold 14px Tahoma;

}

.red26 {

    color: #f00;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 18px;

    font-weight: bold;

}

.font18_black {

    color: #000;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 16px;

    font-weight: bold;

}

.searchFrame8p h3 {

    color: #313e47;

    font: bold 14px arial;

    height: 30px;

	line-height: 30px;

    padding: 0 10px 2px;

    text-align: left;

}

.searchFrame8p h3 a:link, .searchFrame8p h3 a:visited {

    color: #000000;

    text-decoration: none;

}

.searchFrame8p h3 a:hover {

    color: #ff6600;

    text-decoration: underline;

}

.searchFrame8p_span {

    border-bottom: 0 solid #cccccc;

    float: left;

    height: auto;

    margin: 0 4px 4px;

    padding: 2px 5px 0 2px;

    text-align: left;

    width: 15.8%;

}

.Price_red14_Grid {

    color: #f00;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 11px;

    font-weight: bold;

}

.product_box{

	width: 100.0%;background-color: #c9e4ff;height: 34.0px;margin: 20.0px 0 10.0px 0;

}

.product_box span{

	font-size: 24px;padding: 0 10.0px 5.0px 10.0px;color: #ffffff;background-color: #0099ff;

}

.product_padd{

	padding:0 5px;	

}

.product_tab td{

	border:1px solid #E1E1E1;

	padding:5px 0 5px 8px;

	color:#333;

}

.floatleft {

    float: left;

}

.product_info {

    text-align: center;

}

.money2 {

    color: #d80303;

    font: italic 26px/1em Roboto Condensed;

}

.span_sp {

    margin-left: 8px;

    padding-top: 10px;

}

.pasprice {

    color: #666;

    text-decoration: line-through;

}

#back_to{

	font-size:14px;

	color:#3399FF;

	margin:20px 10px 0 0;	

}



/****************************/

.aToz-nav {

  background-color: #f7f7f7;

  background-image: linear-gradient(to bottom, #fff, #ececec);

  background-repeat: repeat-x;

  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);

  height: 46px;

  line-height: 46px;

  margin-bottom: 10px;

  margin-left: auto;

  margin-right: auto;

  overflow: hidden;

  text-align: center;

  width: 100%;

}

.aToz-nav .char-nav {

  float: left;

  overflow: hidden;

}

.aToz-nav .char-nav a:first-child {

  border-left-color: #a2a2a2;

  border-radius: 3px 0 0 3px;

  margin-left: 0;

}

.aToz-nav .char-nav a:hover {

  background: #ebebeb none repeat scroll 0 0;

}

.aToz-nav .char-nav a {

  float: left;

  font-size: 13px;

  line-height: 44px;

  padding: 0 13px;

}

.aToz-nav a {

  -moz-border-bottom-colors: none;

  -moz-border-left-colors: none;

  -moz-border-right-colors: none;

  -moz-border-top-colors: none;

  border-color: #a2a2a2 #a2a2a2 #a2a2a2 #ddd;

  border-image: none;

  border-style: solid;

  border-width: 1px;

  display: block;

  margin-right: -1px;

}

.aToz-nav .number-nav {

  overflow: hidden;

}

.aToz-nav .number-nav a {

  border-radius: 0 3px 3px 0;

  border-right-color: #a2a2a2;

  font-size: 13px;

  line-height: 44px;

  margin-right: 0;

}

.aToz-categories {

  /*background-color: #f4f4f4;

  border-radius: 3px;

  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.22);*/

  margin-bottom: 21px;

  margin-left: auto;

  margin-right: auto;

  overflow: hidden;

  width: 60%;

  float: left;

}

.aToz-categories-right {

  width: 38%;

  margin-left: 2%;

}

.aToz-categories ul.site-left-list {

	width: 45%;

	float: left;

}

@media screen and (max-width: 480px) {

	.aToz-categories {

  margin-bottom: 21px;

  margin-left: auto;

  margin-right: auto;

  overflow: hidden;

  width: 100%;

  float: left;

}

	.aToz-categories-right {

	  width:100%;

	  margin-left: 2%;

	}

	.aToz-categories ul.site-left-list {

	width:100%;

	float: left;

}

}









.aToz-categories ul li {

  padding: 12px 0 11px;

 /* width: 25%;*/

}



.aToz-categories ul li h3 {

  margin: 0;

  font-weight:bold;

  line-height:30px;  

}

.aToz-categories ul li h2{

  margin-bottom:0px;

}

.aToz-categories ul li h2 a{

  margin: 0;

  font-weight:bold;

  color: #FA7D00;

  font-size: 16px;

}

.aToz-categories ul li a {

  color: #666;

  display: block;

  font: 12px/16px helvetica,arial,sans-serif;

  padding: 4px 0 4px 16px;

  text-decoration: none;

}

.aToz-categories ul li h3 a {

  color: #333;

  font-weight: bold;

}

.aToz-categories ul li a {

  color: #666;

  display: block;

  font: 12px/16px helvetica,arial,sans-serif;

  padding: 4px 0 4px 16px;

  text-decoration: none;

}

.aToz-categories ul li a:hover {

  background-color: #f0f0f0;

  color: #333;

}

.aToz-categories ul .separator {

  background-color: #dfdfdf;

  height: 1px;

  margin: 0;

  opacity: 0.5;

  padding: 0;

  width: 100%;

}

.container .aToz-info {

  background-color: #F6F6F6;

  border-radius: 3px;

  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.22);

  color: #666;

  font-size: 13px;

  line-height: 18px;

  margin-bottom: 30px;

  margin-left: auto;

  margin-right: auto;

  overflow: hidden;

  padding: 16px;

  width: 100%;

}

.container .aToz-info h3 {

  color: #333;

  font-size: 13px;

  font-weight: bold;

  line-height: 18px;

  margin: 0;

}

.container .aToz-info .gap {

  margin-bottom: 18px;

}



/*************product-list***************/

.hot_pro{

	text-align:center;	

}

.container .aToz-info {

  background-color: #fff;

  border: 1px solid #d7d7d7;

  border-radius: 3px;

  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);

  color: #666;

  font-size: 13px;

  line-height: 18px;

  margin-bottom: 30px;

  margin-left: auto;

  margin-right: auto;

  overflow: hidden;

  padding: 16px;

  width: 100%;

}

.container .aToz-info strong {

  color: #333;

}

.aToz-char {

  background-color: #f4f4f4;

  border-radius: 3px;

  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.22);

  margin-bottom: 8px;

  margin-left: auto;

  margin-right: auto;

  overflow: hidden;

  padding-bottom: 14px;

  padding-top: 14px;

  width: 100%;

}

.aToz-char a {

  color: #666;

  display: inline-block;

  font: 12px/16px helvetica,arial,sans-serif;

  padding: 4px 0 4px 16px;

  text-decoration: none;

  vertical-align: top;

  width: 25%;

}

.aToz-char a:hover {

  background-color: #f0f0f0;

  color: #333;

  text-decoration: none;

}

.col-xs-2-div{

	position:relative;	

}

.col-xs-2-div img{

	width:100%;	

}

.offbox4 {

  background: #ce293b none repeat scroll 0 0;

  border: 0 solid #e97f92;

  border-radius: 3px;

  color: #fff;

  display: block;

  float: left;

  font-size: 12px;

  height: 20px;

  line-height: 20px;

  opacity: 0.9;

  padding: 0 3px;

  position:absolute;

  right:5px;

  bottom:5px;

}