﻿@charset "utf-8";
/* CSS Document */

/*   =two column   */
#content_main
{
	width:750px;
	float:right;
}
#content_main .p_title
{
	width:750px;
}
#content_main .p_title h3
{
	text-indent:-9999px;
}
#content_main .more
{
	color:#007a87;
}
#content_main .p_content
{
	border:none;
}
#newest .p_title
{
	background:url(../images/newest.gif) no-repeat left bottom;
}
#promotions .p_title
{
	background:url(../images/prom.gif) no-repeat left bottom;
}
#parameter .p_title
{
	background:url(../images/param.gif) no-repeat left bottom;
}
#alike .p_title
{
	background:url(../images/alike.gif) no-repeat left bottom;
}
#resultList .p_title
{
	background:url(../images/result.gif) no-repeat left bottom;
}
#brandSearch p,#service p
{
	line-height:24px;
}
.red
{
	font-size:13px;
	font-weight:bold;
	color:#dd0301;
}
#saleAlike .proList li
{
	display:block;
	float:none;
}
/*   productDetails   */
#bread
{
	border-bottom:1px dashed #ccc;	
}
#bread strong
{
	padding-left:15px;
	height:24px;
	line-height:24px;
	color:#333;
}
#bread span
{
	font-weight:bold;
}
/*  -------------------------------------------------------
-------------------------------------------------------  */
.jcarousel-container 
{
	position: relative;
}
.jcarousel-clip 
{	
	z-index: 2;
	overflow: hidden;
	position: relative;
}
.jcarousel-list {
	z-index: 1; 	
	overflow: hidden;
	position: relative; 
	left: 0;
	top: 0;
}
.jcarousel-list li {
	float: left;
}
.jcarousel-item {
	float: left;
}
.jcarousel-next {
	display: none; 
	z-index: 3;
}
.jcarousel-prev {
	display: none; 
	z-index: 3;
}
.jcarousel-skin-tango .jcarousel-container {
	-moz-border-radius: 10px;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	padding:0 14px;
	width: 321px;
	height: 62px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width: 321px; 
	height: 75px;
}
#Fittings .jcarousel-container-horizontal {
	padding:0 14px;
	width: 735px;
	height: 130px;
}
#Fittings .jcarousel-clip-horizontal {
	width: 735px; 
	height: 130px;
}
#xprx_c .jcarousel-container-horizontal {
	padding:0 14px;
	width: 733px;
	height: 186px;
}
#xprx_c .jcarousel-clip-horizontal {
	width: 733px; 
	height: 186px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right: 0px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
	background: #fff; 
	color: #000;
}
.jcarousel-skin-tango .jcarousel-next-horizontal { 
	position: absolute; 
	top: 0;
	right: 0; 
	width: 11px;
	height: 62px;
	background: url(../images/movebar.jpg) no-repeat -12px 0px;
	cursor: pointer;
}
#Fittings .jcarousel-next-horizontal {
	top: 34px;
}
#xprx_c .jcarousel-next-horizontal {
	top: 62px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
	background-position: -12px -189px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
	background-position: -12px -126px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal {
	background-position: -12px -63px; 
	cursor: default;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover {
	background-position: -12px -63px; 
	cursor: default;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
	background-position: -12px -63px; 
	cursor: default;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal { 
	position: absolute; 
	left: 0;
	top: 0; 
	width: 11px;
	height: 62px;
	background: url(../images/movebar.jpg) no-repeat 0 0; 
	cursor: pointer;
}
#Fittings .jcarousel-prev-horizontal {
	top: 34px;
}
#xprx_c .jcarousel-prev-horizontal {
	top: 62px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
	background-position: 0px -189px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
	background-position: 0px -126px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal {
	background-position: 0px -63px; 
	cursor: default;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover {
	background-position: 0px -63px; 
	cursor: default;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
	background-position: 0px -63px; 
	cursor: default;
}
#Product_Intro_Left {
	float: left; 
	width: 350px;
}
#Product_BigImage {
	border:1px solid #eaeaea; 
	width: 348px;
	height: 261px;
}
#Product_BigImage img {
	display: block; 
	width: 348px; 
	height: 261px;
}
#Product_LittleImage {
	float: left; 
	padding:5px 0; 
	overflow: hidden; 
	width: 350px;
	height: 62px;
}
#Product_LittleImage ul {
	overflow: hidden; 
	width: 321px; 
	height: 62px;
}
#Product_LittleImage li {
	float: left;
	padding:7px 0; 
	width: 64px;
	height:48px; 
	text-align: center;
}
#Product_LittleImage li img {
	border:1px solid #d7d7d7; 
	padding:4px 1px;
	display: inline;
	background: #fff;
	width: 50px;
	height: 38px;
	cursor:pointer;
}
#Product_LittleImage li .curr {
	border:2px solid #82acd5; 
	padding:3px 0;
}
.jqzoom {
	float: left;
	position:relative;
}
.jqzoom img {
	float: left;
}
.zoomdiv 
{
	display: none;
	position: absolute;
	left: 0;
	top: 1px;
	width: 200px;
	height: 200px; 
	border:1px solid #09d;
	overflow: hidden;
	z-index: 100; 
	background: #fff; 
	text-align: center;
}
.bigimg {
	width: 800px; 
	height: 600px;
}
.jqZoomPup 
{
	position: absolute;
	left: 0; 
	top: 0;
	width: 50px; 
	height: 50px; 
	border:1px solid #aaa; 
	z-index: 10; 
	background: #e8f5f7 no-repeat 50% top; 
	visibility: hidden; 
	cursor: move;  
	filter: alpha(Opacity=50); 
	opacity: 0.5; 
	-moz-opacity: 0.5; 
	-khtml-opacity: 0.5;
}
/*  -------------------------------------------------------
-------------------------------------------------------  */
#pro_supp{
	float:right;
	width:380px;
}
#pro_supp h3{
	font-size:14px;
	color:#007a87;
	padding-left:0;
}
#pro_supp h4{
	height:21px;
	line-height:21px;
}
#pro_supp .inventory{
	color:#007a87;
	font-weight:bold;
	font-size:13px;
}
#pro_supp h4 .price{
	color:#dd0301;
	font-weight:bold;
	font-size:13px;
}
#pro_supp h4 .scole
{
	margin-right:10px;
}
#pro_supp h4 .scole a
{
	color:#049;
	text-decoration:underline;
}
#pro_supp .price_answer
{
	background:#f2faff;
	border:1px solid #8cc0e7;
	padding:3px 5px;
}
.price_answer p
{
	line-height:21px;
}
#pro_supp .price_answer span
{
	font-weight:bold;
	color:#333;
}
#pro_supp .price_ask
{
	padding-top:10px;
	margin-top:10px;
	border-top:1px dashed #cdcdcd;
}
#pro_supp .price_con,#pro_supp .house{
	width:113px;
	height:33px;
	*line-height:normal;
	background:url(../images/qq.jpg);
	border:0;
	cursor:pointer;
	margin-right:10px;
}
#pro_supp .house
{
	display:inline;
	width:82px;
	height:28px;
	background:url(../images/house.jpg);
}
#pro_supp .goCart
{
	width:109px;
	height:32px;
	background:url(../Images/cart_btn10.jpg);
	border:none;
	cursor:pointer;
	margin-right:10px;
}
/*  -------------------------------------------------------
-------------------------------------------------------  */
.dragclass
{
    position: absolute;
    z-index: 100;
    width: 240px;
    height: 120px;
    border: 1px solid #3ca0bc;
    background: #fff;
}
.dragclass .top_title
{
    height: 27px;
    line-height: 27px;
    padding-left: 10px;
    border-bottom: 1px solid #3ca0bc;
    cursor: move;
    background: url(../images/blue_s.gif) repeat-x left bottom;
}
.dragclass .top_title h3
{
    float: left;
    font-size: 12px;
    color: #015986;
    padding-left: 25px;
    background: url(../images/rt.png) no-repeat left center;
}
.dragclass .top_title .close
{
    width: 15px;
    height: 27px;
    line-height: 27px;
    float: right;
    margin-right: 10px;
    cursor: pointer;
    background: url(../images/close.jpg) no-repeat left center;
}
#ContactContent
{
    text-align: center;
}
#ContactContent p
{
    margin: 5px 0;
}
#drag1
{
    width: 310px;
    height: 140px;
}
#drag1 #Div1
{
    padding: 10px;
    padding-left: 72px;
    text-align: left;
    background: url(../images/09271_7.png) no-repeat 5px 10px;
}
#drag1 #Div1 p
{
    font-size: 12px;
    margin-top: 7px;
}
#drag1 #Div1 p.btn input
{
    margin-right: 20px;
}
#collection{
	width:318px;
	height:122px;
	border:1px solid #ccc;
}
#coll_outer{
	width:316px;
	height:120px;
	border:1px solid #666;
}
#coll_inner{
	padding:10px;
}
#coll_inner h3{
	font-size:12px;
	height:18px;
	line-height:18px;
	color:#0b6f96;
}
#coll_inner p{
	margin:5px 0;
}
#coll_inner p.btnGroup input{
	margin-right:15px;
}
/*  -------------------------------------------------------
-------------------------------------------------------  */
#param{
	border-collapse:collapse;
	margin-top:10px;
}
#param th,#param td{
	border:1px solid #008b8c;
	padding:10px 15px;
}
#param th{
	text-align:right;
	vertical-align:top;
	font-weight:bold;
	color:#007a87;
	background:#e8f5f7;
}
#result dl
{
	margin-left:10px;
}
#result dl dt
{
	display:inline;
	font-weight:bold;
	color:#007a87;
}
#result dl dd
{
	display:inline;
	margin:0 3px;
	white-space:nowrap;
	white-space:normal;
	word-break:keep-all;
	line-height:24px;
}
#result dl dd a:link,#result dl dd a:visited
{
	color:#5e5e5e;
}
#result dl dd a:hover,#result dl dd a:active
{
	color:#007a87;
}
#result dl dd span
{
	color:#9d9d9d;
}
#result .onPrice
{
	margin:0 10px;
}
#result .onPrice em
{
	font-weight:bold;
	color:#007a87;
	margin-right:10px;
}
.txtPrice
{
	width:40px;
}
.btnOK
{
	margin-left:10px;
}
#saleAlike .proList li,#lateV .proList li
{
	display:block;
	width:188px;
	height:62px;
	margin:5px 0;
	float:none;
	text-align:left;
}
#saleAlike .proList li img,#lateV .proList li img
{
	width:80px;
	height:60px;
	display:block;
	float:left;
	margin-right:5px;
}
#saleAlike .proList .proName,#lateV .proList .proName
{
	white-space:normal;
	margin:0;
}
#saleAlike .proList em,#lateV .proList em
{
	font-weight:normal;
	color:#dd0301;
}
#promotions .proList li
{
	height:188px;
}
#alike .proList li
{
	height:auto;
	text-align:left;
}
#alike .proList .proName
{
	margin:3px 0;
	text-align:center;
}
#alike .proList .proName a
{
	color:#007a87;
	font-weight:bold;	
}
#alike .proList span
{
	color:#6e6e6e;
	display:inline;
	line-height:20px;
}
#alike .proList span em
{
	/*color:#ff7a00;*/
	color:#000;
	font-weight:normal;
}
#alike .proList .proPrice
{
	color:#007a87;
	display:block;
	text-align:center;
}
#alike .proList .proPrice em
{
	color:#007a87;
	font-weight:bold;
}
#resultList .proList li
{
	width:360px;
	height:150px;
	margin:5px 0;
}
#resultList .proList li.odd
{
	margin-right:10px;
}
#resultList blockquote
{
	float:left;
}
#resultList .proList li .proImage
{
	width:150px;
}
#resultList .proList li .proParam
{
	width:200px;
	*width:190px;
	text-align:left;
	margin-left:10px;
}
#resultList .proParam span
{
	height:21px;
	line-height:21px;
	/*color:#ff7a00;*/
	/*color:#000;*/
	display:inline;
}
#resultList .proParam .showPrice
{
	display:block;
	color:#007a87;
}
#resultList .proParam span em
{
	font-weight:normal;
	color:#6e6e6e;
}
#resultList .proParam .showPrice em
{
	font-weight:bold;
	color:red;
}
#resultList .proList .proName
{
	width:200px;
	*width:190px;
	font-size:13px;
	font-weight:bold;
	margin:0;
	white-space:normal;
}
#resultList .proList .proName a
{
	/*color:#007a87;*/
}
#resultList .proParam .proName em
{
    color:#007a87;
    }

/*   =article   */
#article
{
	padding:20px;
}
#article h2
{
	font-size:21px;
	font-weight:bold;
	line-height:32px;
	border-bottom:1px solid #ccc;
	text-align:center;
}
#article h5
{
	color:#6e6e6e;
	text-align:center;
}
#content
{
	margin:10px;
}
#content h2
{
	text-align:center;
	font-size:21px;
	font-weight:bold;
	color:#007a87;
	margin-bottom:10px;
}
#content h3
{
	padding-left:0;
	color:#007a87;
	margin:15px 0 5px;
}
#content h4
{
	font-weight:bold;
	margin-top:10px;
}
#content ol
{
	list-style:decimal inside;
}
#content ol li
{
	line-height:21px;
	font-size:13px;
}
#content p,#content span
{
	line-height:1.5em;
	text-indent:2em;
}
#content dl
{
	margin-top:10px;
}
#content dt
{
	font-weight:bold;
}
#content dd
{
	padding:5px 10px;
}
/**/
.divResult p
{
	padding:10px;
	margin:10px 0;
	background:#fffae7;
	border:1px solid #fe8802;
	font-size:13px;
	font-weight:bold;
	color:#007a87;
}
.divResult h3
{
	padding-left:0;
	margin-bottom:15px;
}
/*  -------------------------------------------------------
= JoinSTTX
-------------------------------------------------------  */
#Rules dl
{
	margin:10px 10px 0;
}
#Rules dt
{
	font-size:13px;
	font-weight:bold;
	color:#007a87;
}
#Rules dd a
{
	height:21px;
	line-height:21px;
	padding-left:8px;
	background:url(../Images/dot.gif) no-repeat 0 5px;
	margin-left:10px;
}
#Div2 .proList li,#lateV .proList li
{
	display:block;
	width:188px;
	height:62px;
	margin:5px 0;
	float:none;
	text-align:left;
}
#Div2 .proList li img,#lateV .proList li img
{
	width:80px;
	height:60px;
	display:block;
	float:left;
	margin-right:5px;
}
#Div2 .proList .proName,#lateV .proList .proName
{
	white-space:normal;
	margin:0;
}
#Div2 .proList em,#lateV .proList em
{
	font-weight:normal;
	color:#dd0301;
}

#Div3 .proList li,#lateV .proList li
{
	display:block;
	width:188px;
	height:62px;
	margin:5px 0;
	float:none;
	text-align:left;
}
#Div3 .proList li img,#lateV .proList li img
{
	width:80px;
	height:60px;
	display:block;
	float:left;
	margin-right:5px;
}
#Div3 .proList .proName,#lateV .proList .proName
{
	white-space:normal;
	margin:0;
}
#Div3 .proList em,#lateV .proList em
{
	font-weight:normal;
	color:#dd0301;
}
/** ye **/

#proDesBorder,#assemblyBorder
{
    border: 1px solid #007a87;
    }
#proDes,#assembly
{
    
    margin-left:20px;
    margin-top:20px;
    line-height:250%
}

/** ye **/