/* BODY */
body, html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	/*background-color: #f2f2f2;*/
	background-image:url(/style/gfx/bg_main100219.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	font: 12px/16px Trebuchet MS;
	color: #555555;
}


* {
	margin: 0;
	padding: 0;
}

.cellpad td {
	padding: 5px;
}

img, div, dd, dt, dl { 
	behavior: url(iepngfix.htc); 
	border: 0px;
}

a {
	color: #546780;
	text-decoration: none;
	outline: none;
}

	.textLink {
		background-image: url('gfx/dot.gif');
		background-position: bottom;
		background-repeat: repeat-x;
	}

p {
	margin: 8px 0 8px 0;
	padding: 0 0 0 0;
}

.font11px {
	font: 11px arial;
}

.font15px {
	font: 15px "Trebuchet MS";
	color:#999999;
}

.font18px {
	font: 18px "Trebuchet MS";
}
.arial9px {
	font: 9px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
		}

.colorBlue {
	color:#7d99be;
	}
	
.colorWhite {
	color: #fff;
}

.colorDarkgrey {
	color:#454545;
	}
	
.colorGray {
	color: #818181;
}

.strong {
	font-weight: bold;
}

h3.spaced {
	margin: 0 0 10px 0;
	font-weight: bold;
}

h3.bigSpaced {
	margin: 30px 0px 10px 0px;
	font-weight: bold;
}

h4 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font: 22px/24px arial;
	color: #7d99be;
}

div{
	float: left;
	display: inline;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div.back {
	width: 873px;
	left: 50%;
	margin-left: -436px;
	position: absolute;
	background-image: url('gfx/mainBack.png');
	background-repeat: repeat-y;
	margin-bottom:25px;
	margin-top:25px;
}

	div.backContainer {
		width: 873px;
	}
	
		div.header {
			width: 853px;
			height: 293px;
			background-image: url('gfx/header.png');
			margin: 10px 10px 0px 10px;
		}
		div.header2 {
			width: 853px;
			height:190px;
			max-height:190px;
			margin: 10px 10px 0px 10px;
		}
		
			.topNav {
				width: 843px;
				height: 72px;
				margin: 54px 0px 0px 10px;
				padding: 0 0 0 0;
			}
			
				.topNavItem {
					float: left;
					height: 72px;
					padding: 0 0 0 0;
					margin: 0 0 0 0;
				}
				
		.mainNav {
			width: 833px;
			height: 29px;
			margin: 0px 10px 0px 20px;
			padding: 0 0 0 0;
		}
		
			.mainNavTitle {
				float: left;
				height: 29px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
			}
		
			.mainNavItem {
				float: left;
				height: 29px;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
			}
			
		div.content {
			width: 833px;
			min-height: 200px;
			margin: 30px 20px 30px 20px;
			background-image: url('gfx/contentBack.gif');
			background-repeat: no-repeat;
		}
		
		div.contentBigLined {
			width: 833px;
			margin: 20px 20px 20px 20px;
			background-image: url('gfx/bigBackLined.png');
			background-repeat: repeat-x;
		}
		
		div.contentBigLined50 {
			width: 833px;
			margin: 20px 20px 20px 20px;
			background-image: url('gfx/bigBackLined50.png');
			background-repeat: repeat-x;
		}		
			div.navbar {
			background-image:url(/style/gfx/tdLeft.png); 
			width:823px; 
			padding:5px; 
			margin:0 0 20px 0; 
			font-size:10px;
			}
			
			div.navbarBig {
			background-image:url(/style/gfx/tdLeft_36.png); 
			width:813px;
			padding:10px; 
			margin:0 0 10px 0; 
			font-size:16px;
			line-height:16px;
			clear:both;
			}			
			
			div.navbarBigDark {
			background-image:url(/style/gfx/tdLeftDark_36.png); 
			width:813px;
			padding:10px; 
			margin:0 0 10px 0; 
			font-size:16px;
			line-height:16px;
			clear:left;
			color:#FFF;
			text-align:center;
			}			

		div.contentEmpty {
			width: 833px;
			margin: 10px 20px 10px 20px;
		}
		
		div.contentEmpty2 {
			width: 813px;
			margin: 0px 30px 20px 30px;
		}
		
			div.dlButtonContainer {
				margin-top: 15px;
			}
		
			div.dlButton {
				width: 288px;
				height: 40px;
				background-image: url('gfx/dlButtonBack.png');
				padding: 2px;
				margin-top: 5px;
			}
			
				div.dlButtonText {
					margin: 4px 5px 0px 3px;
					line-height: 12px;
				}
		
			div.lefty {
				width: 292px;
				margin: 0 21px 0 20px;
			}
			
			div.lefty50 {
				width: 376px;
				margin: 0 21px 0 20px;
			}

			div.righty50 {
				width: 376px;
				margin: 0 20px 0 20px;
			}
									
			div.lefty2 {
				width: 242px;
				margin: 0 21px 0 20px;
			}
			
				.measureTable {
					width: 292px;
					padding: 0 0 0 0;
					margin: 20px 0 0 0;
				}
				
					.measureTr {
						width: 292px;
						height: 28px;
					}
					
						.measureTdBig {
							width: 241px;
							height: 27px;
							background-image: url('gfx/tableHeader.png');
							font: bold 11px/27px Trebuchet MS;
							padding-left: 8px;
						}
					
						.measureTdLeft {
							width: 138px;
							height: 28px;
							background-image: url('gfx/tdLeft.png');
							color: #555555;
							font: 11px/28px Trebuchet MS;
							padding-left: 8px;
						}
						
						.measureTdRight {
							width: 137px;
							height: 28px;
							background-image: url('gfx/tdRight.png');
							color: #7b7b7b;
							font: 11px/28px Trebuchet MS;
							padding-left: 9px;
						}
			
			div.righty {
				width: 460px;
				margin: 0 20px 0 20px;
			}
			
			div.smallRightyL {
				width: 220px;
				margin-right: 20px;
			}
			
			div.smallRightyR {
				width: 220px;
			}
			
				.linkList {
					width: 220px;
					padding: 0 0 0 0;
					margin: 0 0 20px 0;
					list-style-type: none;
				}
				
					.linkItem {
						width: 212px;
						height: 24px;
						border-bottom: solid #d4d4d4 1px;
						padding-left: 8px;
						font: bold 11px/24px Trebuchet MS;
					}
					
					.linkItem:hover {
						background-color: #f7f7f7;
					}
			
				div.halfRow {
					width: 460px;
				}
			
				div.imgItem {
					width: 145px;
					height: 145px;
					margin: 0px 8px 8px 0px;
				}
		div.contentRow {
				width: 833px;
				margin-bottom: 10px;
			}
		
					div.flashHolder {
					width: 659px;
					height: 306px;
					margin-right: 10px;
					background-color: #000;
				}
				
				div.mapHolder {
					width: 164px;
					height: 306px;
				}
	
				div.thumbItem {
					width: 271px;
				}
				
				div.thumbItemCenter {
					width: 271px;
					margin: 0px 10px 0px 10px;
				}
				
					div.newsItemHeader {
						width: 255px;
						height: 28px;
						background-image: url('gfx/newsItemBack.png');
						font: bold 11px/28px Trebuchet MS;
						padding: 0px 8px 0px 8px;
					}
					
					div.newsItemImage {
						width: 271px;
						height: 80px;
						background-color: #c0c0c0;
					}
					
					div.newsItemContent {
						width: 247px;
						padding: 11px 11px 11px 11px;
						border: solid #c0c0c0 1px;
						font: 11px arial;
						line-height: 14px;
					}
					
					.newsDate {
						font: bold 11px arial;
						color: #407499;
						margin: 0 6px 0 0;
						padding: 0 0 0 0;
						float: left;
						line-height: 14px;
					}
		
			div.leftContent {
				width: 459px;
				padding: 0px 18px 0px 18px;
				margin-right: 1px;
			}
			
			div.rightContent {
				width: 301px;
				padding: 0px 18px 0px 18px;
			}	
			
		/* uppdelad i två kolumner, använd bigContent istället för content osv */	
		
		div.bigContent {
			width: 833px;
			min-height: 200px;
			margin: 30px 20px 30px 20px;
			background-image: url('gfx/bigContentBack.gif');
			background-repeat: repeat-y;
		}
			
			div.bigLeftContent {
				width: 396px;
				margin-right: 1px;
				padding: 0px 14px 0px 13px;
			}
			
			div.bigRightContent {
				width: 396px;
				padding: 0px 13px 0px 0px;
		}
			
		/* div.planContent {
			width: 814px;
			height:196px;
			max-height:196px;
			margin: 15px 15px 35px 20px;
			padding:0px 10px 0px 10px;
			background-image: url('gfx/planDivBack.jpg');
			overflow:auto;
		}

		div.planDetail {
			text-align:center;
			width: 200px;
			height:130px;
			margin: 35px 15px 0px 20px;
			padding:0px 10px 35px 10px;
			float:left;
		} */


	div.footer {
		width: 833px;
		height: 72px;
		margin-left: 10px;
		overflow: hidden;
		background-color: #333;
		color: #999;
		padding: 10px;
	}
	
				div.planWrapper {
					width: 833px;
					height: 246px;
					background-image: url('style/gfx/bigContentBack.gif');
					margin-left: 20px;
				}
				
				#planScrollerView {
					background-color: #e4e4e4;
					background-image: url('gfx/planDivGrey.jpg');
					width: 807px;
					height:196px;
					max-height:196px;
					margin: 15px 0px 35px 13px;  /*  final margin/padding-adjusted width must be divisible by 3 */
					overflow: auto; /*   JS will set to hidden if available*/ 
				}
				
				div.planContent {
					width: 814px;
					height:196px;
					max-height:196px;
				}
				
				div.planDetail {
					text-align:center;
					width: 217px;
					height: 130px;
					margin: 25px 26px 0px 26px;
					float: left;
				}
				
				div.planHeadline {
					width: 154px;
					height: 86px;
					position: absolute;
					z-index: 100;
					left: 33px;
					margin-top: 15px;
				}
				
				div.planScrollerController {
					width: 807px;
					height: 33px;
					z-index: 100;
					position: absolute;
					left: 33px;
					margin-top: 103px;
				}
				
				div.planControlContainer {
					width: 807px;
					height: 30px;
					margin-top: 77px;
				}
				
				#scrollLeft {
					width: 30px;
					height: 30px;
					cursor: pointer;
					cursor: hand;
					margin-right: 747px;
					float: left;
				}
				
				#scrollRight {
					width: 30px;
					height: 30px;
					cursor: pointer;
					cursor: hand;
					float: left;
				}
			
			
		div.bigLeftContainer {
			width: 507px;
			margin-right: 21px;
		}
		
		div.bigRightContainer {
			width: 305px;
		}
			
			.afTable {
				width: 507px;
			}
			
			.resellerTitleHeader {
				width: 293px;
				height: 21px;
				background-image: url('gfx/tablegfx/darkRowBg.png');
				text-align: left;
				padding-left: 8px;
				font-weight: bold;
			}
			
			.aterforsaljareImageHeader {
				width: 38px;
				height: 21px;
			}
				
			
					#resellerMap {
						width: 305px;
						height: 573px;
					}
					
					.resellerPin {
						top: 0px;
						left: 0px;
						position: absolute;
						z-index: 102;
					}
					
					.invisible {
						display: none;
					}
					
					.mapTip {
						z-index: 103;
					}
					
					.tip {
						width: 208px;
						height: 80px;
						background: url(gfx/toolTipBox.png);
						
					}
					
					.tip-title {
						width: 208px;
						font-weight: bold;
						font-size: 14px;
						padding: 8px 8px 2px 10px;
					}
					
					.tip-text {
						width: 208px;
						display: block;
						font-size: 12px;
						padding: 0px 8px 0px 10px;
					}
				
					
					.resellerMain {
						cursor: hand;
						cursor: pointer;
					}
					
					
					#visibleRows {
						display: none;
					}
					
					#invisibleRows {
						display: none;
					}
					
					#afInfo {
						position: absolute;
						top: -18px;
						z-index: 1;
					}
					
					#filterController {
						width: 431px;
						height: 61px;
						background-image: url('gfx/filtergfx/filterBack2.png');
						margin-bottom: 10px;
						padding: 10px 0px 0px 76px;
					}
					
					#filterTable {
						position: relative;
						/*background-color: #e6e6e6;*/
					}
					
					div.husbilarContainer {
						height: 25px;
						margin-bottom: 3px;
						width: 427px;
					}
					
					div.husvagnarContainer {
						height: 25px;
						width: 427px;
					}
					
						.filterImage {
						
						}
					
					.filterTrigger {
						height: 25px;
						display: inline;
					}
					
					.hiddenInfo {
						width: 507px;
						height: 45px;
						background-image: url('gfx/tablegfx/bigRowBg.png');
						display:none;
					}
					
						.resellerAdress {
							height: 45px;
							font: 11px Trebuchet MS;
							padding-left: 8px;
							text-align: left;
						}
						
						.resellerPhone {
							height: 45px;
							font: 11px Trebuchet MS;
							text-align: left;
						}
						
						.resellerWeb {
							height: 45px;
							font: 11px Trebuchet MS;
							text-align: left;
						}
					
					.resellerTitle {
						width: 193px;
						height: 21px;
						background-image: url('gfx/tablegfx/lightRowBg.png');
						padding-left: 8px;
						font: 11px/21px Trebuchet MS;
						text-align: left;
					}
					
					td.enabled {
						width: 51px;
						height: 28px;
					}
					
					td.disabled {
						width: 51px;
						height: 28px;
					}
					
					.disabled {
						
					}
					
					.resellerTableImage {
						display: block;
					}
					
					.contactHeader {
						width: 142px;
						height: 32px;
						background-image: url('gfx/contactHeader.png');
						font: bold 13px/29px Trebuchet MS;
						color: #5c5c5c;
						padding-left: 11px;
						margin-bottom: 2px;
					}
					
					.contactInput {
						width: 300px;
						height: 32px;
						font: 13px Trebuchet MS;
						margin-bottom: 2px;
						color: #5c5c5c;
						background-image: url('gfx/contactInput.png');
						padding: 0 0 0 7px;
						border: 0;
					}
					
					.contactTA {
						width: 444px;
						height: 148px;
						font: 13px Trebuchet MS;
						margin-bottom: 5px;
						color: #5c5c5c;
						border: 0;
						padding: 7px 8px 9px 8px;
						background-image: url('gfx/contactTABack.png');
					}
					
					.contactSend {
						float: right;
					}
					
					.li_prodkatDesc {
						list-style-type: none;
					}
					
					.textListItem {
						margin: 10px 0px 0px 0;
						padding: 6px 11px 6px 8px;
						border-left: solid #7d99be 3px;
						font: 11px/14px Trebuchet MS;
						background-color: #e9e9e9;
					}