html, body {margin: 0; padding: 0; height: 100%;}
table {border: none; border-collapse: collapse;	font-size: 100%;}
td, form {padding: 0; margin: 0;}
h1, h2 { margin: 0; padding: 0; line-height: 100%; color: #fff; font-weight: normal; }
h2 { color: #23468F; }
img {border: none;}
a {color: #2B66D6;}
.w100 {width: 100%;}
.clear {clear: both;}

/* Page layout */
body {font: 75% Tahoma, sans-serif; background: #9B9CB7;}
#page-box {min-height: 100%; margin-bottom: -110px;}
* html #page-box {height: 100%;}

#page-empty {height: 135px; clear: both;}
#page-footer {height: 110px;}


/* Main page */
.main-bgr {background: url(/_pic/main_bgr.jpg) repeat-x #8281AF;}
.main-bgr #page-box {background-repeat: no-repeat;}

#logo {
	position: absolute; left: 0; top: 0;
	width: 440px; height: 90px; margin-left: 45px;
}
.main-bgr #logo {margin-left: 23px;}
#logo img {margin-left: 104px;}

#flash {
	position: absolute; left: -4px; top: 6px;
	width: 92px; height: 90px;
	background: url(/_pic/logo_bearing.gif) no-repeat 8px 7px;
}
.main-bgr #flash {background: none;}

#top-menu {margin: 0 68px 0 150px; padding: 92px 0 8px;}
#top-menu td {text-align: center; width: 11%;}
#top-menu td.item {width: 5%;}

.main-bgr #top-menu {margin: 0 0 0 485px; padding: 15px 0 0;}

#way {padding: 5px 0; margin: 0 67px;}
#way, #way a {color: #28488B;}

* html #min-width {width: 950px;}

.news {float: left; margin: 320px 0 0 0; width: 400px;}
.news dl {margin-left: 52px;}
.news dt {color: #23468F; margin: 1em 0 -1.15em;}
.news dd {margin-left: 6em;}
.news dd a {color: #000; text-decoration: none;}
.news dd a:hover {text-decoration: underline;}

#main-content {margin-left: 485px; margin-right: 50px;}
#main-content address {font-style: normal;}
#main-content .sale {position: relative; margin-top: 20px; height: 42px;}

#content {margin: 0 266px 0 48px;}
#right-column {float: right; width: 220px; margin-right: 30px;}
* html #right-column {margin-right: 15px;}

/* Search form */
#search {height: 287px; margin-left: -5px; font-size: 12px;}
* html #search {position: relative; z-index: 5;}

#search td {color: #28488B;}
.sleft div {width: 30px;}
.sright div {width: 38px;}
.sleft {width: 30px; background: url(/_pic/search_left.png) no-repeat;}
.sright {width: 38px; background: url(/_pic/search_right.png) no-repeat;}
.sbgr {width: 331px; background: url(/_pic/search_bgr.png) repeat-x; vertical-align: top;}

* html .sleft {background-image: url(/_pic/search_left.gif); back\ground-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_pic/search_left.png,sizingMethod=crop);}
* html .sright {background-image: url(/_pic/search_right.gif); back\ground-image: none;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_pic/search_right.png,sizingMethod=crop);}
* html .sbgr {background-image: url(/_pic/search_bgr.gif); back\ground-image: none;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_pic/search_bgr.png,sizingMethod=crop);}

#search input, #search select, #r-search-name {font: 11px Tahoma, sans-serif;}
#r-search-name {width: 180px;}
#search .label {text-align: right; padding-right: 6px; line-height: 1em;}

.by-name {height: 52px; margin-right: 17%;}
.main-bgr .by-name {margin-right: 0;}
.by-name td {padding-left: 2px;}
.by-name .label {font-size: 120%; font-weight: bold;}
#byname {width: 218px;}
.main-bgr #byname {width: 149px;}

.case-type {margin-right: 17%;}
.main-bgr .case-type {margin-right: 0;}
.case-type td {height: 25px; padding-left: 2px;}
.case-type select {width: 220px; height: 17px;}
.main-bgr .case-type select {width: 150px;}

.bearing-prop {width: 82%; margin-right: 17%;}
.main-bgr .bearing-prop {width: 331px; margin-right: 0;}
* html .bearing-prop {position: relative; left: -5px;}
.bearing-prop td {height: 33px;}
.disabled {visibility: hidden;}
.main-bgr .float-label {float: right; text-align: left;}

#bearings-box {
	position: absolute; left: -2px; top: -2px; visibility: hidden; cursor: default;
	background: #FFF; padding: 10px 6px 6px 10px; border: 1px solid #9FA0B2;
}
#bearings-box td table {margin-right: 12px;}
#bearings-box td table td {vertical-align: top;}
#bearings-box td label.moved {position: relative; left: 5px;}
* html #bearings-box td label.moved {left: -3px;} 
#bearings-box td img {margin: 0 0 8px;}

#bearingsSelect {
	height: 16px; padding: 0 14px 0 0; position: relative;
	background: url(/_pic/search_arrow.gif) no-repeat 100% 50% #FFF; border: 1px solid #9FA0B2;
	color: #000; font-size: 11px; line-height: 16px; cursor: pointer;
}


#copyright {
	float: right; width: 230px; color: #FFF;
	padding-left: 11px; border-left: 1px solid #FFF;
}
#copyright img {position: relative; top: -6px;}
#copyright p {margin: 4px 0 10px;}
#copyright a {color: #FFF;}

#banner {width: 470px; height: 60px; margin-left: 52px; }


.counters {float: right; width: 185px; margin-right: 6px;}
.counters div {float: right; margin: 0 4px 3px 0;}

.pc1 {background: url(/_pic/page_c7.gif) no-repeat left top #EAEBF2;}
.pc2 {background: url(/_pic/page_c9.gif) no-repeat right top;}
.pc3 {background: url(/_pic/page_c1.gif) no-repeat left bottom;}
.pc4 {background: url(/_pic/page_c3.gif) no-repeat right bottom;}

* html .pc4, * html .pc3, * html .pc2,  * html .pc1 {height: 1%;}

.sale-pages {position: absolute; left: 510px; top: 42px; width: 400px;}
.sale address, .sale-pages address {
	position: absolute; left: 220px; top: 10px;
	font-style: normal; font-size: 120%; color: #FFF;
}

#content .pc4 {padding: 12px 16px 16px; line-height: 1.4em;}

.pager {margin: 10px;}
.pager td {width: 26px; text-align: center;}
.pager a {color: #000; text-decoration: none;}
.pager a:hover {text-decoration: underline;}
.pager-border {border-right: 1px solid #666;}

.long {width: 350px;}
.short {width: 45px;}

.shop {font-size: 11px; clear: left;}
.shop th {padding: 5px; font-weight: bold; background-color: #8182AF; color: #FFF; line-height: 1.1em;}
.shop td.first, .shop th.first {text-align: left; padding-left: 32px;} 
.shop td {padding: 5px; text-align: left; text-align: center;}
.shop .light td {background-color: #F3F4F8;}
.shop td input {width: 60px;}

.r-menu {margin: 0 18px; padding: 20px 0 12px; list-style: none; font-weight: bold;}
.r-menu li {color: #9B9CB7; text-transform: uppercase; margin: 0 0 8px;}
.r-menu a {color: #23468F; text-decoration: none;}

.bearing-types {width: 100%; margin-bottom: 18px;}
.bearing-types .light td {background-color: #F3F4F8;}
.bearing-types td.spacer {width: 16px;}
.bearing-types td.b-img {width: 10px;}
.bearing-types .active img {opacity: 0.5;}

#showSearch {float: left; margin: 10px 0;}

#b-pictures {
	position: absolute; top: -2px; right: -2px;
	border: 1px solid #9FA0B2; padding: 10px 2px 6px 10px; background: #FFF;
	visibility: hidden;
}
#b-pictures td {padding: 0 8px 8px 0; text-align: center;}
#b-pictures td img {margin: 3px;}
.case-selected {border: 2px solid #28488B; padding: 1px;}
#b-pictures td .case-selected img {margin: 0;}
#b-pictures span {color: #999; cursor: default;}

.form-box td {padding: 0 15px 5px 0; color: #28488B; text-align: left;}

.pic-left {float: left; margin: 0 16px 10px 0;}
.pic-right {float: right; margin: 0 0 10px 16px;}
.pic-left img, .pic-right img {border: 1px solid #CDCEDB;}
.dc1 {margin-bottom: -16px; position: relative; background: url(/_pic/dc7.gif) no-repeat; font-size: 1px;}
.dc1 div {background: url(/_pic/dc9.gif) no-repeat right top; height: 16px; overflow: hidden;}
.dc2 {margin-top: -16px; position: relative; height: 16px; background: url(/_pic/dc1.gif) no-repeat left top; font-size: 1px;}
.dc2 div {background: url(/_pic/dc3.gif) no-repeat right top; height: 16px; overflow: hidden;}