@charset "utf-8";
/* 简单流媒体
   注意: 流媒体要求您删除 HTML 中媒体的高度和宽度属性
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
.ie6 img {
	width:100%;
}

/* 拷贝 flag.css 部分内容 */

a:link {
	text-decoration: none;
	color: #0099FF;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.m_menu {
	background-color: #eee;
	font-size: 1.0em;
	padding: 4px;
}
.catalog {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2 em;
	background-color: #eee;
	border: 1px solid #aaa;
	padding-left: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.product_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
}

.foot {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
	font-weight: bold;
	border-top-color: #0099ff;
	border-top-width: 1px;
	border-top-style: solid;
	font-size: 0.95em;
}

/* image banner */

.option_frame {
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #aaa;
	border-left-color: #aaa;
}
#container {
overflow:hidden;
width: 90%;
height: 340px;
border: 1px dashed #06F;
}
#incontainer {
float: left;
width: 2800%;
}

#container img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	cursor: pointer;

	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}

#container1 {
float: left;
margin-top: 20px;
margin-bottom: 20px;
}
#container2 {
float: left;
margin-top: 20px;
margin-bottom: 20px;
}


/*
	Dreamweaver 流体网格属性
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	灵感来自于 Ethan Marcotte 的“具有响应的 Web 设计” 
	http://www.alistapart.com/articles/responsive-web-design
	
	和 Joni Korpi 的“黄金网格系统”
	http://goldengridsystem.com/
*/

/* 移动设备布局: 480px 及更低。 */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 92.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
	margin-top: 0px;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	display: block;
	width: 100%;
}
#LayoutDiv3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#LayoutDiv5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv6 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#LayoutDiv7 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #aaa;
	margin-top: 3px;
}
#LayoutDiv8 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #06F;
	padding: 2px;
	font-size: medium;
	font-weight: bold;
	color: #F90;
}
/* product page price section */

#PRICE {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
}
#BIN {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
}

#CART
{
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
}
#BIN_and_Cart
{
	display:none;
}
#BIN_and_Cart_mobile
{
	display:block;
}
#LayoutDiv1_1
{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv6_1
{
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
}
#PayPal_list
{
	clear: both;
	width: 90%;
}

/* 产品内容中的图片轮播框架 */
#content_slide
{
	width: 100%;
	position: relative;
	margin: auto;
}
/* 产品页面中的价格模块 */
#price_block
{
	width: 100%;
	text-align: center;
}
/* product page price section */

/* 平板电脑布局: 601px 至 960px。样式继承自: 移动设备布局。 */

@media only screen and (min-width: 601px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	margin-top: 0px;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 61.5384%;
	display: block;
	height: 28px;

	vertical-align: middle;
}
#LayoutDiv3 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 35.8974%;
	display: block;
	vertical-align: middle;
}
#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.0769%;
	display: block;
}
#LayoutDiv5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#LayoutDiv6 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 74.3589%;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#LayoutDiv7 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #aaa;
}
#LayoutDiv8 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #06F;
	padding: 2px;
	font-size: medium;
	font-weight: bold;
	color: #F90;
}
/* product page price section */

#PRICE {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
}
#BIN {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
}

#CART
{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
}
#BIN_and_Cart
{
	display:block;
}
#BIN_and_Cart_mobile
{
	display:none;
}
#LayoutDiv1_1
{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#LayoutDiv6_1
{
	display: none;
}
#PayPal_list
{
	clear: both;
	width: 65%;
}
/* 产品内容中的图片轮播框架 */
#content_slide
{
	clear: none;
	float: left;
	width: 48%;
	position: relative;
	margin: auto;
}

/* 产品页面中的价格模块 */
#price_block
{
	clear: none;
	float: right;
	width: 48%;
	text-align: center;
	padding-top: 8px;
}
/* product page price section */
}

/* 桌面电脑布局: 961px 至最高 1280px。样式继承自: 移动设备布局和平板电脑布局。 */

@media only screen and (min-width: 961px) {
.gridContainer {
	width: 90%;
	max-width: 1280px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin-top: 0px;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.1525%;
	display: block;
	height: 28px;

	vertical-align: middle;
}
#LayoutDiv3 {
	clear: none;
	float: right;
	width: 40.6779%;
	display: block;
	text-align: right;
	padding: 0px;
	margin: 0%;
}
#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.7288%;
	display: block;
}
#LayoutDiv5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#LayoutDiv6 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 74.5762%;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 3px;
}
#LayoutDiv7 {
	clear: both;
	float: none;
	width: 100%;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #aaa;
}
#LayoutDiv8 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #06F;
	padding: 2px;
	font-size: medium;
	font-weight: bold;
	color: #F90;
}
/* product page price section */

#BIN {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 40.6779%;
}

#CART
{
	clear: none;
	float: left;
	margin-left: auto;
	width: 32.2033%;
}
#BIN_and_Cart
{
	display:block;
}
#BIN_and_Cart_mobile
{
	display:none;
}
#LayoutDiv1_1
{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#LayoutDiv6_1
{
	display: none;
}
#PayPal_list
{
	clear: both;
	width: 60%;
}
	
/* 产品内容中的图片轮播框架 */
#content_slide
{
	clear: none;
	float: left;
	width: 34%;
	position: relative;
	margin: auto;
}

/* 产品页面中的价格模块 */
#price_block
{
	clear: none;
	float: right;
	width: 60%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
/* product page price section */
}


/* google button style */

a.button {
	color: #6e6e6e;
	display: block;
	text-shadow: 0 1px 0 #fff;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	background: #f3f3f3;
	border: solid 1px #dcdcdc;
	
	width: 100%;
	background-color: #eee;
	margin: 0px;
	padding: 2px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
a.button:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.button:active {
    color: #000;
    border-color: #444;
}

.buttons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	width: 100%;
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
}
/* google button style */
.price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	background-color: #FA800A;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFFFFF;
	margin-bottom: 2px;
	font-weight: bold;
}

.insert_image {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

/* select width modification */
select {
	width: 96%;
	text-align: center;
}
.index_line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #F90;
	text-align: center;
	vertical-align: middle;
}
.index_line_SD {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #F90;
	vertical-align: middle;
}
.index_line_end {
	text-align: center;
	vertical-align: middle;
}
.index_line_end_SD {
	vertical-align: middle;
}
.index_line_adjustment {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 20%;
}
.index_price_mobile {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 100%;
	background-color: #CCC;
	padding-top: 2px;
	padding-bottom: 2px;
}
.index_price_normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #CCC;
	padding-top: 2px;
}
.index_description_mobile {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	width: 100%;
	background-color: #FC6;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* the showcase of 4 product photos */
.product_4_show {
	border: 1px solid #ddd;
}
/* the showcase of 4 product photos */
.product_image {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.guideline_logos {
	display: inline;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
.multiple_item_option {
	color: #0066FF;
	font-style: italic;
	font-weight: normal;
	padding-bottom: 5px;
}
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	width: 100%;
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 2px;
	border: solid 1px #dcdcdc;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
	cursor: pointer;
 /* background-color: #EFEFEF */
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #3399FF;
	border-color: #444;
}
.lug_table {
	text-align: center;
	border: 1px solid #000;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-collapse:collapse;
}
.SKF_Sensor_Bearing_Dimensions {
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
.SKF_Sensor_Bearing_Dimensions .tr_background {
	background-color: #FFCC66;
}
.key_switch_position {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #FC0;
	border-right-color: #FC0;
	border-bottom-color: #FC0;
	border-left-color: #FC0;
	padding-top: 5px;
	padding-bottom: 5px;
}
.Spring_Festival_Vacation_Notice {
	font-size: 1.2em;
	font-weight: bold;
	color: #F30;
}