@charset "utf-8";
/*
Theme Name: FFbearings
Theme URI: https://www.ffbearings.com/wp-content/themes/sl/
Author: Roger@Stainlessfix
*/

body {
	font-family:  Arial,Verdana, Helvetica, sans-serif !important;
	font-size: 12px;
	text-decoration: none;
	margin:0 auto;
	background:#e3e8ef url(images/bodybg.jpg) repeat-x;
	text-align:center;
	padding:0;
	color:#313131;
}
h1 {font-size: 1.6em;	font-weight: bold;color:#013964;text-decoration: none;	padding: 13px 0 6px 0;	margin:0px; font-family:Arial, Helvetica, sans-serif;}
h2 {font-size: 1.4em;font-weight: bold;color:#F00;text-decoration: none;padding: 0px 0 6px 0;margin:0px; font-family:Impact, Tahoma, Arial;}
a {	color:#333333;	text-decoration: none;}
a:hover {color: #fc921e;text-decoration: none;}
p{margin:0px; padding:4px;}
#content a img {border:2px solid #D6D4D4;}
#content a:hover img{border:2px solid #164a81;}
#bottom a img {border:2px solid #D6D4D4;}
#bottom a:hover img{border:2px solid #fc921e;}

#header a {color: #fff;	}
#header a:hover {color:#fc921e;}

#footer a{color:#ccc; padding:0 0 5px 0}
#footer a:hover{color:#fc921e;}
.clear{clear:both; }

@media (min-width: 800px) {
#top{width:100%; height:12px; margin:0 auto;  text-align:center; padding:0px; background:#333}
#header{width:100%; height:90px; margin:0 auto;  text-align:center; padding:0px; background:#00599c; font-size:14px;  }
#crumb{width:100%; height:22px; margin:0 auto;  text-align:center; padding:0px; background:#e9e9e9; clear:both; border-bottom:#ccc 1px solid; margin-bottom:10px; text-align:left}
.crumblo {width:960px; margin-left:auto; height:19px; margin-right:auto; text-align:left; background:url(images/crumb.png) no-repeat; background-position:20px -2px; padding:2px 0 0 40px;}
.bannerlo{width:1000px; margin:0 auto; height:200px; text-align:left;background:#fff url(images/banner.jpg) no-repeat; border-left:#ccc 1px solid;  border-right:#ccc 1px solid;padding:0;}

.headlo{width:1000px; margin-left:auto; height:90px; margin-right:auto; text-align:left;background:#00599c url(images/logo.png) no-repeat; background-position:20px 5px 5px 1px;}
.navlo{width:1000px; margin-left:auto; height:35px; margin-right:auto; text-align:left; background:#013964 }
.conbox{width:600px; margin-left:auto; height:35px; margin-right:auto; text-align:left; float:right;padding:45px 0 0 19px; }
#nav{width:100%; height:35px; margin:0 auto;  text-align:center; padding:0px; background:#013964;}
#dov{width:100%; height:200px; margin:0 auto; padding:0px; margin-top:1px;}
#main{width:970px; margin:0 auto;  padding:0 20px 10px 10px; background:#fff; border-left:#ccc 1px solid;  border-right:#ccc 1px solid; border-top:#ccc 1px solid; min-height:600px; }
#sidebar{width:185px; float:left; text-align:left }
#content{width:760px; float:right; text-align:left; }
#footer{clear:both;width:1000px; background:#013964; margin:0 auto; min-height:55px; border-left:#ccc 1px solid;  border-right:#ccc 1px solid; padding:10px 0 0 0; color:#fff;}

#sidebar .cate p{color:#333;margin-bottom:1px; margin-top:1px; font-size:16px;font-weight:bold;padding:8px 9px 3px 0px; font-family:Impact, Tahoma, Arial;}
#sidebar .cate{padding:8px 5px 5px 5px; width:130px; color:#333; font-family:Impact, Tahoma, Arial;}

#bottom{clear:both;width:960px; background:#fff; margin:0 auto; padding:10px 20px 20px 20px; text-align:left;border-left:#ccc 1px solid;  border-right:#ccc 1px solid;   }
#bottom p{color:#00599c;margin-bottom:1px; margin-top:1px; font-size:16px;font-weight:bold;padding:8px 9px 3px 0;font-size: 1.2em;}

#pshow{padding:5px 0 0 0;}
#pshow ul{width:100%;margin:0 auto;clear:both;overflow:hidden; list-style-type:none; padding:0;}
#pshow ul li{float:left; display:inline; padding-bottom:7px;}
#pshow ul li a{width:180px;padding:3px 8px 2px 1px;display:block;overflow:hidden;}
#pshow ul li span{clear:left;display:block;text-align:center;line-height:16px;overflow:hidden; width:180px; height:35px;}
#pshow ul li img{width:180px;height:130px;display:block;overflow:hidden;}

.box {float:left; width:690px; height:100px; overflow:hidden; text-align:left; margin-bottom:5px; border-bottom:#ccc dashed 1px; margin-right:8px; padding:5px 2px 5px 3px; display:inline}
.box img{float:left; margin:0 6px 3px 2px; }

.showcontent{width:795px; float:left; text-align:left; }
.showcontent ul{margin:0px 0 0 15px; padding:0; }
.showcontent ul li{width:225px; float:left;}
.rel {width:695px; float:left; text-align:left; padding:20px 0 5px 0}
.rel span {font-size:1.2em; font-weight:bold;color: #565656;}
.rel ul{margin:10px 0 0 15px; padding:0; }
.rel ul li{width:290px; float:left;}

/* sidebar menu \*/
#sidebar ul{ margin: 0; padding: 0;list-style: none; width: 185px; /* Width of Menu Items */ }
#sidebar ul li {position:relative;border-bottom:1px dashed #ccc;padding:0 0 0 3px;}
#sidebar li ul {position:absolute;left: 129px; top: 0;  display: none;}/* Set 1px less than menu width */ 
#sidebar ul li a {display:block;text-decoration: none; color: #666;	font-weight:bold; background:url(images/dot1.png) no-repeat #fff;; /* IE6 Bug */
	background-position:-0px 8px; padding:6px 5px 6px 12px;}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
#sidebar ul li a:hover { color: #fc921e; background: url(images/dot2.png) no-repeat #f9f9f9;background-position:-0px 8px; } /* Hover Styles */
#sidebar li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
#sidebar li:hover ul, li.over ul { display: block; } /* The magic */

/* navbar menu \*/
.menu-headmenu-container{width:650px; color:#000; height:26px; padding:10px 0 0 20px; float:left;}
.menu-headmenu-container ul{margin:0; list-style-type:none;color: #ffffff; padding:1px 10px 0 10px;}
.menu-headmenu-container li {float:left; color:#FFFFFF; font-weight:bold;}
.menu-headmenu-container a {text-align:left;font-size:13px; color:#FFF; padding: 0 32px 2px 10px; background:url(images/tri.png) no-repeat; background-position:0 4px; }
.menu-headmenu-container a:link{color:#FFF; text-decoration:none;}
.menu-headmenu-container a:visited{color:#FFF;text-decoration:none;}
.menu-headmenu-container a:hover{color:#fc921e; text-decoration:none; background:url(images/tri.png) no-repeat; background-position:0 4px;}

/* Search */
#search{float:right;width:260px; height:35px;padding:4px 0 0 0;}
#searchform {right: 0;height:32px; background:url(images/searchbg.jpg) no-repeat;font-size:12px;font-family:Verdana, Geneva, sans-serif;background-position:0px 0px; }
#searchform #searchbox {width:185px; background:none;padding:2px 0 0 5px;;margin: 0;float: left;border:none;height:25px; color:#666}
#searchform #s:focus {outline: none;border-color: #e50000;}
#searchform #searchsubmit {border:none; background:none; width:30px; height:25px;margin:0;font:Verdana, Geneva, sans-serif .9em;text-transform: uppercase;color: #fff;}
#searchform #searchsubmit:hover {cursor:pointer;}
}

@media (max-width: 800px) {
img { max-width: 100%;-ms-interpolation-mode: bicubic; display:block; }
#top{width:99%; height:12px; margin:0 auto;  text-align:center; padding:0px; background:#333}
#header{width:99%; height:90px; margin:0 auto;  text-align:center; padding:0px; background:#00599c; font-size:14px;  }
.conbox{width:98%; text-align:right; font-size:13px; font-weight:bold; color:#CCC; padding:15px 0 0 0; }
.headlo{width:100%; margin-left:auto; height:90px; margin-right:auto; text-align:left;background:#00599c url(images/logo.png) no-repeat; background-position:10px 18px;}

#banner{display:none;}
.bannerlo{width:99%; margin:0 auto; text-align:left;background:#fff url(images/banner.jpg); }
#nav{width:99%; margin:0 auto;  text-align:center; padding:0px; background:#013964;}
.navlo{width:99%; margin-left:auto; margin-right:auto; text-align:left;height:35px;}
#crumb{width:99%; height:22px; margin:0 auto;  text-align:center; padding:0px; background:#e9e9e9; clear:both; border-bottom:#ccc 1px solid; margin-bottom:10px; text-align:left}
.crumblo {margin-left:auto; height:19px; margin-right:auto; text-align:left; background:url(images/crumb.png) no-repeat; background-position:20px -2px;padding:2px 0 0 40px;}
#main{width:99%; margin:0 auto;  background:#fff; border-top:#ccc 1px solid;  }
#sidebar{width:99%; text-align:left; padding-bottom:10px; background:#FFF; }
#sidebar .cate{background:#Fff}
#content{width:100%; text-align:left; }
#footer{clear:both;width:99%; background:#013964; margin:0 auto; min-height:30px; color:#CCC ; padding:20px 0 10px 0 ;}

#bottom{clear:both;width:99%; background:#fff; margin:0 auto; padding:10px o 20px o; text-align:left;}
#bottom p{color:#00599c;margin-bottom:1px; margin-top:1px; font-weight:bold;font-size: 1.2em;}

/* navbar menu \*/
.menu-headmenu-container{width:100%; color:#000; height:26px; padding:10px 0 0 5px;}
.menu-headmenu-container ul{margin:0; list-style-type:none;color: #ffffff; padding:0 10px 0 10px;}
.menu-headmenu-container li {float:left; color:#FFFFFF; font-weight:bold;}
.menu-headmenu-container a {text-align:center;font-size:13px; color:#FFF; padding: 0 20px 2px 10px; background:url(images/tri.png) no-repeat; background-position:center left; }
.menu-headmenu-container a:link{color:#FFF; text-decoration:none;}
.menu-headmenu-container a:visited{color:#FFF;text-decoration:none;}
.menu-headmenu-container a:hover{color:#FF0; text-decoration:none; background:url(images/tri1.png) no-repeat;}

/* sidebar menu \*/
#sidebar ul{ background:#FFF; margin: 0; padding: 10px 0 0 0; list-style:none; width: 100%; /* Width of Menu Items */ }
#sidebar ul li {border-bottom:1px dashed #ccc;padding:0 0 0 3px; float:left;}
#sidebar li ul {position:absolute;left: 129px; top: 0;  display: none;}/* Set 1px less than menu width */ 
#sidebar ul li a {display:block;text-decoration: none; background: url(images/dot1.png) no-repeat #f9f9f9; color: #666;	font-weight:bold; ; /* IE6 Bug */ 
	background-position:-0px 8px; padding:6px 5px 6px 10px;}
/* End */
#sidebar ul li a:hover { color: #E2144A; background: url(images/dot2.png) no-repeat #f9f9f9;background-position:-0px 8px; } /* Hover Styles */
#sidebar li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
#sidebar li:hover ul, li.over ul { display: block; } /* The magic */
#sidebar .cate p{color:#013964;margin-bottom:1px; margin-top:1px; font-size:1.2em;font-weight:bold;padding:8px 9px 3px 0px;;}

#pshow{padding:5px 0 0 0;}
#pshow ul{width:100%;margin:0 auto;clear:both;overflow:hidden; list-style-type:none; padding:0; overflow:hidden;}
#pshow ul li{float:left; display:inline; padding-bottom:7px;}
#pshow ul li a{width:180px;padding:3px 6px 2px 1px;display:block;overflow:hidden;}
#pshow ul li span{clear:left;display:block;text-align:center;line-height:16px;overflow:hidden; width:180px; height:35px;}
#pshow ul li img{width:180px;height:130px;display:block;overflow:hidden;}

.box {float:left; width:690px; height:100px; overflow:hidden; text-align:left; margin-bottom:5px; border-bottom:#ccc dashed 1px; margin-right:8px; padding:5px 2px 5px 3px; display:inline}
.box img{float:left; margin:0 6px 3px 2px; }


.rel span {font-size:1.2em; font-weight:bold;color: #013964;}
.rel {width:98%; text-align:left; padding-top:10px;}
.rel ul{ padding:0; list-style-type:circle;}
.rel ul li{padding:0 5px 5px 5px; margin-left:20px;}

/* Search */
#search{display:none;}
#searchform {right:0;height:32px; background:url(images/searchbg.jpg) no-repeat;font-size:12px;font-family:Verdana, Geneva, sans-serif;background-position:0px 0px; float:left; }
#searchform #searchbox {width:185px; background:none;padding:2px 0 0 5px;;margin: 0;float: left;border:none;height:25px; color:#666}
#searchform #s:focus {outline: none;border-color: #e50000;}
#searchform #searchsubmit {border:none; background:none; width:30px; height:25px;margin:0;font:Verdana, Geneva, sans-serif .9em;text-transform: uppercase;color: #fff;}
#searchform #searchsubmit:hover {cursor:pointer;}	
}