body{
  background-color: #ccc;
  color: #000;
  font-family: arial, sans-serif;
  font-size: 12px;
  text-align: center;
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
}
h1{
  font-size: 24px;
  font-weight: normal;
  margin: 0 0 1em 0;
  letter-spacing: 2px;
}
h2{
  font-size: 16px;
  font-weight: normal;
  color: #999;
  letter-spacing: 0px;
  margin: 1.5em 0 0 0;
}
h3{
  font-size: 12px;
  font-weight: bold;
  color: #333;
  clear: both;
}
img{
  border: none;
}
ul{
  list-style: none;
  margin: 1em 0;
  padding: 0;
}
ul li{
  margin: .5em 1em;
  padding-left: 15px;
  background: url("bullet-grey.gif") no-repeat 0em .3em;
  position: relative;
}
dl{
  margin: 1em 0;
	width: 450px;
}
dt{
  font-weight: bold;
  background: url("box-longtop.png") no-repeat;
  padding: .5em 1em 0 1em;
}
dd{
  margin: 0 0 1em 0;
  font-size: 11px;
  padding: 0 1em 1em 1em;
  color: #666;
  background: url("box-longbottom.png") no-repeat bottom;
}
a{
  color: #f60;
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}

/* TABLES */

table{
  border-collapse: collapse;
	border: 1px solid #ccc;
	width: 100%;
	font-size: 11px;
}
caption{
  text-align: left;
	background-color: black;
	color: white;
	padding: .2em .5em;
	font-weight: bold;
	border: 1px solid #000;
}
table th,
table td{
  text-align: left;
	padding: .2em .5em;
	border: 1px solid #ccc;
	background-color: #FFF;
}
table th{
  background-color: #F90;
	border-color: #960;
}
table td.pdf{
  background: url("pdf_icon_small.gif") 2px 2px no-repeat;
	padding: 5px 5px 5px 25px;
}

#content form{
  margin: 0;
  padding: 0;
}
#content form fieldset{
  display: block;
  border: none;
  padding: 0;
  padding-top: 10px;
  margin: 0;
  margin-bottom: 10px;
  background: url("box-longtop.png") no-repeat;
  font-size: 11px;
  color: #666;
  /*text-align: right;*/
  width: 450px;
}
#content form fieldset .container{
  padding: 0px 10px 10px 10px;
  margin: 0;
  background: url("box-longbottom.png") no-repeat bottom;
}
#content form fieldset legend{
  font-size: 9px;
  font-weight: bold;
  color: #ccc;
  margin: 0;
  padding: 0;
  float: right;
  padding-right: 2em;
  padding-bottom: 1em;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline;
}
#content form fieldset p{
  margin: 0;
  padding: 0;
  clear: both;
  margin: 1em 0;
}
#content form fieldset label{
  margin: 0;
  padding: 0;
  float: left;
  width: 140px;
}
#content form fieldset br{
  display: none;
}
#content form fieldset p input{
  width: 275px;
  font-size: 11px;
  color: #c30;
  /*border: 1px solid #ccc;*/
  margin: 0;
}
#content form fieldset p select{
  width: 275px;
  font-size: 11px;
  color: #c30;
  /*border: 1px solid #ccc;*/
  margin: 0;
}
#content form fieldset p input.contact{width: 15px;
										}
#content form fieldset p input.toa{ width: 15px; }

#content form fieldset p input.inpyear{ width: 4em; }
#content form fieldset p input.inpmonth, #content form fieldset p input.inpday{ width: 2em; }

#page{
  position: relative;
  text-align: left;
  width: 730px;
  margin: 0 auto;
  background: url("page-bg.png") repeat-y #fff;
}
#page div.container{
  margin: 0 5px;
  background: url("head-bg.gif") repeat-x transparent;
}
#head{
  position: relative;
  width: 720px;
  height: 189px;
  background: url("bearingchecker-handheld.jpg") no-repeat transparent;
}
#head #logotype{
  position: absolute;
  top: 60px;
  left: 210px;
  width: 300px;
  height: 55px;
  background: url("bearingchecker-outline.gif") no-repeat;
}
#head #logotype a{
  display: block;
  width: 100%;
  height: 55px;
  background: url("bearingchecker-bg.gif") no-repeat transparent;
}
#head #logotype a:hover{
  background-image: none;
}
#head #logotype img{
  position: absolute;
  top: -2000px;
  left: -2000px;
  width: 1px;
  height: 1px;
}
/*152 45*/

#head #spm-logotype{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 170px;
  height: 162px;
  background: url("spm-logo-bearings.jpg") no-repeat;
}
#head #spm-logotype a{
  display: block;
  width: 100%;
  height: 40px;
  background: url("spm-logo-bearings-over.jpg") no-repeat;
}
#head #spm-logotype a:hover{
  background-image: none;
}

#mainmenu{
  position: absolute;
  top: 143px;
  right: 30px;
  /*float: left;*/
  background-color: transparent;
  font-size: 11px;
  font-weight: bold;
}
#mainmenu ul{ padding: 0; }
#mainmenu ul li{ display: inline; }
#mainmenu ul{
  margin: 0;
  padding: 0;
}
#mainmenu ul li{
  display: inline;
  background-image: none;
  padding: 0;
  margin: 0;
}
#mainmenu ul li a{
  display: block;
  float: left;
  background-color: transparent;
  color: white;
  padding-left: 5px;
  text-decoration: none;
  white-space: nowrap;
}
#mainmenu ul li a span{
  display: block;
  float: left;
  padding: 2px 10px 5px 5px;
  cursor: hand;
}
#mainmenu ul li a:hover{
  text-decoration: none;
  color: #fee7c8;
}
#mainmenu ul li a.active, #mainmenu ul li a.active:hover{
  background: url("tab-left.gif") no-repeat 0% 0% transparent;
  color: #333;
  text-decoration: none;
}
#mainmenu ul li a.active span{
  background: url("tab-right.gif") no-repeat 100% 0% transparent;
}
#mainmenu ul li#mm-user a.active, #mainmenu ul li#mm-user a.active:hover{
  background-image: url("tab-left-b.gif");
  color: #fff;
}
#mainmenu ul li#mm-user a.active span{
  background-image: url("tab-right-b.gif");
}

#login{
  position: absolute;
  top: 8px;
  right: 175px;
  /*float: left;*/
  background-color: transparent;
  font-size: 9px;
  font-weight: bold;
}
#login ul{ padding: 0; }
#login ul li{ display: inline; }
#login ul{
  margin: 0;
  padding: 0;
}
#login ul li{
  display: inline;
  background-image: none;
  padding: 0;
  margin: 0;
}
#login ul li a{
  display: block;
  float: left;
  background-color: transparent;
  color: white;
  padding-left: 5px;
  text-decoration: none;
  white-space: nowrap;
}
#login ul li a span{
  display: block;
  float: left;
  padding: 2px 10px 5px 5px;
  cursor: hand;
}
#login ul li a:hover{
  text-decoration: none;
  color: #fee7c8;
}
#login ul li a.active, #login ul li a.active:hover{
  color: #333;
  text-decoration: none;
}
#login p{
  padding: 2px 10px 5px 5px;
}

#customermenu{
  position: absolute;
  top: 162px;
  right: 5px;
  /*float: left;*/
  background: url("cm-bg.jpg") top left no-repeat black;
  font-size: 10px;
  font-weight: bold;
	padding: 2px 15px 0px 150px;
	z-index: 99;
  width:720px;
}
html>body #customermenu{
  width: 555px;
} 
#customermenu ul{ padding: 0; }
#customermenu ul li{ display: inline; }
#customermenu ul{
  margin: 0;
  padding: 0;
}
#customermenu ul li{
  display: inline;
  background-image: none;
  padding: 0;
  margin: 0;
}
#customermenu ul li a{
  display: block;
  float: right;
  background-color: transparent;
  color: white;
  padding-left: 5px;
  text-decoration: none;
  white-space: nowrap;
}
#customermenu ul li a span{
  display: block;
  float: left;
  padding: 2px 10px 5px 5px;
  cursor: hand;
}
#customermenu ul li a:hover{
  text-decoration: none;
  color: #fee7c8;
}
#customermenu ul li a.active, #customermenu ul li a.active:hover{
  background: url("tab-left.gif") no-repeat 0% 0% transparent;
  color: #333;
  text-decoration: none;
}
#customermenu ul li a.active span{
  background: url("tab-right.gif") no-repeat 100% 0% transparent;
}
#customermenu ul li#mm-user a.active, #customermenu ul li#mm-user a.active:hover{
  background-image: url("tab-left-b.gif");
  color: #fff;
}
#customermenu ul li#mm-user a.active span{
  background-image: url("tab-right-b.gif");
}


#content{
  margin: 0 25px 0 30px;
  /*float: right;*/
  /* Fix for 'The IE Doubled Float-Margin Bug'. Ref: http://www.positioniseverything.net/explorer/doubled-margin.html */
  /*display: inline;*/
	position: relative;
	height: 100%;
}

#extra{
  margin: 10px 630px 0 20px;
  font-size: 11px;
}
#extra h2,
#extra h3{
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0px;
  margin: 0;
  padding: 0;
}
#login{
  color: #999;
  margin: 0;
  padding: 0;
}
#login p{
  margin: 0;
}
#login label{
  font-size: 10px;
  letter-spacing: 0px;
  margin: 0;
  padding: 0;
  text-align: left;
}
#login input.logintext{
  width: 100%;
  font-size: 11px;
  font-family: verdana, arial, sans-serif;
  color: #c30;
  border: 1px solid #999;
  margin: 0;
  padding: 0;
  margin-bottom: .5em;
}
#login input.loginbutton{
  font-size: 11px;
  font-family: verdana, arial, sans-serif;
  margin: 0;
}

#foot{
  width: 728px;
  height: 34px;
  background: url("foot-bg.png") no-repeat bottom center;
	color: #999;
	font-size: 9px;
  clear: both;
  margin-left: -4px;
  margin-right: -4px;
  margin-top: 30px;
}
#foot div.container{
  padding: 10px 0px 0px 15px;
	background-color: transparent;
	background-image: none;
}
.exad{
  text-align: center;
  }
.intro{
  font-size: 16px;
  line-height: 20px;
}
.required{
  color: #c00;
}
.error{
  background-color: #c00;
  color: white;
  font-size: 11px;
  padding: 1em;
  margin: 1em 215px 1em 0;
  font-weight: bold;
}
.error p{
  margin-top: 0;
	
}
.error ol,
.error p{
  margin-bottom: 0;
}
.alignright{
  float: right;
  clear: right;
  margin: 0 0 1em 30px;
}
.clear{
  clear: both;
}
.select-list ul a{
  font-weight: bold;
}
.select-list li{
  background-image: url("bullet-arrows.gif");
}
object.flashintro{
  margin: 0;
  margin-bottom: 0em;
}
ol.egchart{
  list-style-type: none;
}
ol.egchart li{
  float: left;
	margin: 1em 2em 2em 0em;
	padding: 0;
}

#content div.boxed{
  display: block;
  border: none;
  padding: 0;
  padding-top: 10px;
  margin: 0;
  margin-bottom: 10px;
  background: url("box-longtop.png") top right no-repeat;
	width: 450px;
}
#content div.boxed .container{
  padding: 0px 20px 10px 20px;
  margin: 0;
  background: url("box-longbottom.png") no-repeat bottom right;
  /* To make IE6 display the content(!) */
  height: 100%;
}
#content div.boxed .container h2{
  margin-top: 5px;
}

.nocss,
hr{
  display: none;
}

/* Page spefific */

#page.bcm #content{
  margin: 0px 135px;
  height: 100%;
}
#page.start .colleft,
#page.press .colleft{
  float: left;
  width: 330px;
  margin-bottom: 30px;
}
#page.start .colright,
#page.press .colright{
  margin-left: 360px;
}
#page.buy #impressionsthumb{
	margin-left: 0px;
}
#page.usermenu #content{
  margin-top: 20px;
}
#page.cm #content{
  /*background: url("/images/leonova-infinity-hands.jpg") bottom right no-repeat;*/
}
#page.cm #foot{
  margin-top: 0em;
}
#page.cm #cm-tools{
	display: block;
  border: none;
  padding: 0;
  padding-top: 10px;
  margin: 0;
  margin-bottom: 10px;
  background: url("box-llongtop.png") top right no-repeat;
	width: 650px;
	position: relative;
}
#page.cm #cm-tools .container{
  padding: 0px 20px 10px 20px;
  margin: 0;
  background: url("box-llongbottom.png") no-repeat bottom right;
  /* To make IE6 display the content(!) */
  height: 100%;
	width: 650px;
}
html>body>#page.cm #cm-tools .container{
  width: 610px;
}
#page.cm #cm-tools h2{
	margin-top: 0em;
}
#page.buy .countries,
#page.buy h2{
  clear: both;
}
#page.buy .countries ul.col{
  float: left;
	font-size: 11px;
	position: relative;
}
#page.buy .countries ul.col li{
  background-image: none;
	padding: 0 2em 0 0;
	margin-left: 0;
}
#page.buy #distributors{
  text-align: center;
}
#page.buy #distributors h2{
  margin: 1em 0;
}
#page.buy #distributors h2 strong{
  font-weight: normal;
	color: #333;
}
#page.buy div#distributors .company{
  display: block;
  border: none;
  padding: 0;
  padding-top: 10px;
  margin: 0;
  margin-bottom: 10px;
  background: url("box-longtop.png") top center no-repeat;
	/*width: 450px;*/
}
#page.buy div#distributors .company .container{
  padding: 0px 20px 10px 20px;
  margin: 0;
  background: url("box-longbottom.png") no-repeat bottom center;
  /* To make IE6 display the content(!) */
  height: 100%;
}
#page.buy .countriesdesc{
  border-top: 1px solid #ccc;
	padding-top: 1em;
}

/*User-listan*/

#page.user .countries,
#page.user h2{
  clear: both;
}
#page.user .countries ul.col{
  float: left;
	font-size: 11px;
	position: relative;
}
#page.user .countries ul.col li{
  background-image: none;
	padding: 0 2em 0 0;
	margin-left: 0;
}
#page.user #distributors{
  text-align: center;
}
#page.user #distributors h2{
  margin: 1em 0;
}
#page.user #distributors h2 strong{
  font-weight: normal;
	color: #333;
}
#page.user div#distributors .company{
  display: block;
  border: none;
  padding: 0;
  padding-top: 10px;
  margin: 0;
  margin-bottom: 10px;
  background: url("box-longtop.png") top center no-repeat;
	/*width: 450px;*/
}
#page.user div#distributors .company .container{
  padding: 0px 20px 10px 20px;
  margin: 0;
  background: url("box-longbottom.png") no-repeat bottom center;
  /* To make IE6 display the content(!) */
  height: 100%;
}
#page.user .countriesdesc{
  border-top: 1px solid #ccc;
	padding-top: 1em;
}

/**/

#page.bc div.bbcstep{
  display: block;
  border: none;
  padding: 0;
  padding-top: 10px;
  margin: 0;
  margin-bottom: 10px;
  background: url("box-llongtop.png") top right no-repeat;
	width: 650px;
	float: left;
	position: relative;
	
}
#page.bc div.bbcstep .container{
  padding: 0px 20px 10px 20px;
  margin: 0;
  background: url("box-llongbottom.png") no-repeat bottom right;
  /* To make IE6 display the content(!) */
  height: 100%;
	float: left;
	width: 650px;
}
html>body>#page.bc div.bbcstep .container{
  width: 610px;
}
#page.bc h2{
  border-bottom: 2px solid #f90;
	margin-bottom: 1em;
}
#page.bc div.bbcstep .container h3{
	clear: none;
}
#page.bc div.bbcstep .container img.alignright{
	margin-top: 1em;
}
#page.features #featcont{
  width: 325px;
	position: relative;
	/*background: url("BearingChecker_2601.jpg") top right no-repeat; 
	height: 100%;*/
	float: left;
}
#page.features #featcont .intro p{
  margin-top: 0;
}
#page.features #facts{
	margin-top: 2em;
}
#page.features #facts ul li{
  background-image: url("checkmark.gif");
	border-bottom: 1px dotted #ccc;
	padding-bottom: .5em;
	font-size: .95em;
	color: #333;
}
#page.features #relatedinfo{
  position: relative;
	background: url("BearingChecker_2601.jpg") top right no-repeat;
	width: 275px;
	float: right;
	padding-top: 190px;
}
#page.features #relatedinfo h2{
  margin-top: 0;
}
#page.features #relatedinfo #impressad{
	font-size: .95em;
	padding-top: 1em;
	margin-top: 0em;
}
#page.features #relatedinfo #impressad .alignright{
	margin-left: .5em;
}
#page.features #relatedinfo #impressad .note{
	color: #666;
	font-size: .8em;
}

/* PDF icons on press page */

#page.press .pdf{
  display: block;
	background: url("pdf_icon.gif") no-repeat transparent;
	height: 55px;
	padding-left: 65px;
	padding-top: 10px;
	font-size: 16px;
}
#page.press .pdf .size{
  font-size: 10px;
}
.nobreak{
  white-space: nowrap;
}
#page.start #content{
  
}
#distribute{
  position: absolute;
	bottom: 0px;
	right: 0px;
	color: #333;
  background: url("distribute-corner.gif") no-repeat top left #eee;
	height: auto;
	/* Konstiga v�rden f�r Explorer */
	padding: 1px 4em 2em 4em;
	margin-top: 2em;
  margin-bottom: -100px;
	margin-right: -26px;
	width: 685px;
	padding-right: 4em;
}
#distribute h2{
  color: #999;
}
#distribute p{
  margin-top: 0;
}

#pays{
  background: url("distribute-corner.gif") no-repeat top left #eee;
  margin:1em -25px -15px;
  padding:1px 1em 1em 2em;
  width:600px;
  float:right;
}
#pays dl dt{
	background:none;
	font-size:1.2em;
	color:#999;
	margin-bottom:.5em;
	font-weight:normal;
	}
#pays dl dd{
	background:none;
	margin-left:30px;
	border-left:2px solid #999;
	padding:0 0 0 14px;
	
	font-size:1em;
	color:#333;
	}
/* �terst�ll till riktiga v�rden */
#content>#distribute{
  margin-bottom: -100px;
	margin-right: -25px;
	padding-bottom: 1em;
	width: auto;
}


#page.buy #content{
  margin-bottom: 100px;
}
/*#page.start .colleft{
  margin-bottom: 150px;
}
#page.start #content>.colleft{
  margin-bottom: 100px;
}*/