/*
	Current version: 1.0
	
	Site: Rensa Entreprenad
	www: rensaentreprenad.se
	Author: Patrik Westelius, patrik.westelius@atrox.se
	------------------------------------------------------------------
*/
body{background: #ffffff url(../images/common/bg-top.gif) repeat-x top;}

#wrapper{
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 0 -74px;
  width: 100%;
}
#innerWrapper{
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
}
	#header{
		width: 960px;
		min-height: 123px;
		height: auto !important;
		height: 123px;
		padding: 24px 0 0 0;
		float: left;
	}
		#logotype{
			background: url(../images/common/rensa-entreprenad-logotype.gif) no-repeat;
			width: 94px;
			height: 36px;
			margin: 0 0 0 20px;
			display: inline;
			text-indent: -9999px;
			float: left;
			color: #539542;
			overflow: hidden;
		}
			#webbshop{
				background: url(../images/common/webbshop.gif) no-repeat;
				width: 82px;
				height: 18px;
				margin: 6px 15px 0 0;
				display: inline;
				text-indent: -9999px;
				overflow: hidden;
				color: #666666;
				float: right;
				}
				#webbshop:hover{
					background-position: 0 -18px;
				}
					#kontakta{
						background: url(../images/common/kontakta-mig.gif) no-repeat;
						width: 99px;
						height: 18px;
						margin: 6px 20px 0 0;
						display: inline;
						text-indent: -9999px;
						overflow: hidden;
						color: #666666;
						float: right;
						}
						#kontakta:hover{
							background-position: 0 -18px;
						}
.start #pos0{width: 960px; owerflow: hidden; float: left;}
.start #pos1{width: 660px; float: left; padding: 15px 0 0 20px;}
.start #pos2{width: 220px; height: 109px; padding: 12px 20px 0 20px; margin: 14px 0 20px 0; float: right; background: url(../images/common/teaser.png) no-repeat;}
.start #pos2 p{margin: 0; color: #565656; font-size: 1em; line-height: 1.5em;}
.start #pos3{width: 940px; height: 96px; padding: 0 0 0 20px; margin: 0 0 14px 0; owerflow: hidden; float: left; background: #c8c8c8 url(../images/common/splvl2-pos1.gif) no-repeat;}
.start #pos3 p{margin: 0; color: #5a5a5a; font-size: 1.5em; font-family: trebuchet ms, Serif;}

#avfallskvarnar #pos0{position: relative;}
#insinkerator{
	width: 156px;
	height: 18px;
	display: block;
	background: url(../images/common/insinkerator.jpg);
	position: absolute;
	bottom: 0px;
	right: 4px;
	padding: 7px 0 0 0;
	z-index: 100;
	overflow: hidden;
	outline: none !important;
	font-size: .9em;
	color: #969696;
	line-height: 1em;
}
#main{
	width: 640px;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	overflow: hidden;
	float: left;
}
#subPage #pos0{width: 370px; display: inline; float: left;}
#subPage #pos1{width: 640px; display: block; float: left;}
#subPage #pos2{width: 250px; padding: 0 0 0 20px; overflow: hidden; display: inline; float: left;}

#rightCol{
	width: 260px;
	margin: 0 0 0 40px;
	float: left;
}
#footer{
	position: relative;
	background: #c8c8c8 url(../images/common/bg-bottom.gif) repeat-x;
	height: 74px;
	line-height: 32px;
	min-width: 960px;
}
#innerFooter{
	margin: 0 auto;
	width: 960px;
	height: 74px;
}
#innerFooter #info, #innerFooter #credit{
	width: auto;
	color: #404040;
	font-size: .92em;
	line-height: 1.3em;
	display: inline;
	margin: 0;
	padding: 20px 0 0 0;
}
#innerFooter #info{float: left;}
#innerFooter #info a{color: #404040;}
#innerFooter #credit{float: right; text-align: right;}
#innerFooter #credit a{color: #000000;}
#push{
	height: 74px;
}
.clear{
	clear: both;
	float: none;
}

/* PRIMARY NAVIGATION */
#menu{width: 920px; height: 36px; padding: 0 20px; margin: 21px 0 0 0; float: left; background: url(../images/common/nav-bg.gif) no-repeat top left;}
	#topMenuList{margin: 0; padding: 0; list-style: none;}
	#topMenuList li{margin: 0; padding: 0; float: left;}
	#topMenuList li a{height: 26px; padding: 10px 18px 0; float: left; display: block; outline: none; font-family: trebuchet ms; font-size: 1.15em; color: #404040;}
	#topMenuList div{float: left;}
		#menuItem0_1 a{color: #539242 !important;}
		#menuItem0_2 a{color: #175393 !important;}
		#menuItem0_3 a{color: #1d7ebc !important;}
		.topMenuItemLeft{width: 2px; height: 36px; background: url(../images/common/divider-left.gif) no-repeat;}
		.topMenuItemLeftSelected{width: 2px; height: 36px; background: url(../images/common/divider-left-selected.gif) no-repeat;}
		.topMenuItemLeftAfterSelected{width: 2px; height: 36px; background: url(../images/common/divider-left-after-selected.gif) no-repeat;}
		.topMenuItemContentSelected{height: 36px; background: #ffffff url(../images/common/content-selected.gif) repeat-x top;}
		.menuItemLast .topMenuItemRightSelected{width: 2px; height: 36px; background: url(../images/common/divider-left-after-selected.gif) no-repeat;}

/* SECONDARY NAVIGATION - FIRST LEVEL */
#subMenuListLvl1{height: 30px; padding: 0 0 20px 0 !important; float: left;}
#subMenuListLvl1 #subMenuContent{height: 30px; float: left; overflow: hidden; padding: 0; list-style: none; background: #ffffff url(../images/common/submenu-lvl1.gif) repeat-x bottom;}
#subMenuListLvl1 ul{list-style: none; margin: 0; padding: 0;}
	#subMenuListLvl1 li{margin: 0; padding: 0; float: left;}
	#subMenuListLvl1 li a{height: 22px; padding: 8px 12px 0; float: left; display: block; outline: none; font-family: trebuchet ms; font-size: 1em; color: #5e5e5e;}
	#subMenuListLvl1 div{float: left;}
		#subMenuListLvl1 .menuItemFirst{float: left; background: url(../images/common/submenu-first.gif) no-repeat left;}
		#subMenuListLvl1 .menuItemLast{float: left; background: url(../images/common/submenu-last.gif) no-repeat right;}
			#subMenuActive{display: none;}
				.subMenuItemContentSelected{font-weight: bold;}

/* SECONDARY NAVIGATION - SECOND LEVEL */
#subMenu2ListLvl1{margin: 0 0 12px 0;overflow: hidden; width: 260px;}
	#subMenu2Content {list-style: none; margin: 0; padding: 0; width: 260px; background: url(../images/common/submenu2-border.gif) repeat-y;}
	#subMenu2ListLvl1 ul{list-style: none; margin: 0; padding: 6px 0 0 0; width: 260px; background: url(../images/common/submenu2-bottom.gif) no-repeat bottom left;}
	#subMenu2ListLvl1 li .subMenu2ItemLvl1{font-size: 1em; padding: 0 0 6px 10px; margin: 0 0 6px 9px; background: url(../images/common/submenu2-li.gif) no-repeat bottom left;}
	#subMenu2ListLvl1 li a{margin: 0 10px 0 0; display: block; outline: none; color: #5e5e5e;}
			#subMenu2ActiveContent h2{height: 25px; color: #404040; display: block; font-size: 1.3em; padding: 6px 20px 0 38px; margin: 0; background: url(../images/common/submenu2-h2.gif) no-repeat;}
			#subMenu2ActiveContent h2 a{color: #404040;}
				#subMenu2ListLvl1 li .menuItemLast{background: none !important; margin-bottom: 0;}
				.leftMenuSelected{font-weight: bold;}

/* PRODUCT NAVIGATION */
#productMenu{margin: 0 0 12px 0; overflow: hidden; width: 260px; background: url(../images/common/submenu2-border.gif) repeat-y;}
	.productMenu {list-style: none; margin: 0; width: 260px; padding: 0 0 5px 0; width: 260px; background: url(../images/common/submenu2-bottom.gif) no-repeat bottom left;}
	.productMenu li{margin: 0; padding: 0;}
	.productMenu li a{height: 25px; color: #404040; outline: none; display: block; font-size: 1.3em; font-family:trebuchet ms,Serif; padding: 6px 20px 0 38px; margin: 0 0 6px 0; background: url(../images/common/submenu2-h2.gif) no-repeat;}
	.productMenu li a.leftMenuSelected{font-weight: normal;}
		.productMenu li ul{background: none; padding: 0; margin: 0;}
		.productMenu li ul li{margin: 0 10px 6px 0;}
		.productMenu li ul li a{display: block; height: auto; outline: none; color: #5e5e5e; font-size: 1em; font-family: arial; padding: 0 0 6px 10px; margin: 0 0 0 9px; background: url(../images/common/submenu2-li.gif) no-repeat bottom left;}
		.productMenu li ul li a.leftMenuSelected{font-weight: bold;}

/* ARTICLE MODULE - TEASER */
.article{padding: 17px 0; clear: both;}
.article a{color: #000;}
	.date{font-size: .916em; color: #969696; margin: 0 0 1em 0; text-transform: uppercase;}
	.article h3{font-size: 1.6em; margin: 0 0 3px 0 !important;}
	.article h3 a{color: #363636;}
	.article h3 a:hover{color: #175393 !important;}
	.article .header h2 a, .news .header h2 a{ color: #1c1c1c;}
.article p{font-size: .916em; line-height: 1.5em; margin: 0; display:inline;}
#articlePage #pos0 .article{padding: 10px 0 !important;}
#position0 .article{padding: 10px 30px;}
#aktuellt .article{padding: 0 !important;}

#aktuellt{width: 920px; padding: 10px 20px 0 20px; margin: 20px 0 25px 0; border-top: #e2e2e2 1px solid; float: left;}
	#aktuellt .bottom{width: 920px; height: 25px; float: left;}
	.viewAll{float: right; color:#363636; font-size: .916em; padding: 2px 25px 2px 0; margin: 0; background: url(../images/common/more.png) no-repeat right;}
	#aktuellt #entry1, #aktuellt #entry2{width: 440px; float: left;}
		#aktuellt #entry1{padding: 10px 20px 10px 0; background: url(../images/common/aktuellt.gif) repeat-y top right;}
		#aktuellt #entry2{padding: 10px 0 10px 20px;}

.article .readMore a{
	padding: 0 3px 0 3px;
	font-weight: bold !important;
	color: #363636;
}

/* ARTICLE MODULE */
#articles .article{padding: 17px 0; clear: both; border-top: 1px solid #E2E2E2;}
#subMain{width: 400px; display: inline; float: left; overflow: hidden;}
#subSide{width: 200px; padding: 0 0 0 40px; overflow: hidden; display: inline; float: left;}

#related{margin: 10px 0 0 0;}
#related dl{margin: 0; padding: 0;}
#related dt{color: #5e5e5e; font-size: 1.3em; padding: 0 0 7px 0; font-family: trebuchet ms, Serif;}
#related dd{padding: 0; margin: 0; padding: 0 0 11px 0;}
#related dd a{color:#666666 !important; font-size: .916em;}
#related dd a:hover{color:#363636 !important;}

.categories{margin: 10px 0 0 0;}
.categories dl{margin: 0; padding: 0;}
.categories dt{color: #5e5e5e; font-size: 1.3em; padding: 0 0 4px 0; font-family: trebuchet ms, Serif;}
.categories dd{padding: 0; margin: 0; padding: 5px 0 5px 5px; border-top: 1px solid #e2e2e2;}
.categories dd a{color:#666666 !important; font-size: .916em;}
.categories dd a:hover{color:#363636 !important;}

#subPage #articleMenu .first{margin: 0 !important;}
#articleMenu{float: left; padding: 0 0 5px 0; margin: 0 0 10px 0; clear: both; overflow: hidden;}
	#subPage #articleMenu{width: 364px; border-bottom: 1px solid #e9e8e8; margin: 0 30px 0 30px;display:inline;}
	#articlePage #articleMenu{width: 560px; border-bottom: 1px solid #e9e8e8;}
#articleMenu .articleMenu{
	display: inline;
	float: left;
	padding: 0 10px 0 11px;
	font-size: .916em;
	color: #000;
	background: transparent url(../images/common/submenu-arrow.gif) no-repeat scroll left center;
	margin: 0 0 0 5px;
}
#rss, #facebook, #delicious, #digg, #bloggy, #pusha{
	display: block;
	padding: 6px 0 6px 25px;
	color: #969696;
	font-weight: bold;
	border-bottom: 1px solid #e2e2e2;
	outline: none;
}
#rss{background: url(../images/common/feed.png) left center no-repeat;}
#facebook{background: url(../images/common/facebook.gif) left center no-repeat;}
#delicious{background: url(../images/common/delicious.gif) left center no-repeat;}
#digg{background: url(../images/common/digg.png) left center no-repeat;}
#bloggy{background: url(../images/common/bloggy.png) left center no-repeat;}
#pusha{background: url(../images/common/pusha.png) left center no-repeat;}

/* ARTICLE MODULE - PAGINATION */
#paginationContainer{
	clear: both;
	float: none;
	margin: 15px 0 0 0;
	padding: 10px 0 0 0;
}
#pagination{
	list-style: none;
	margin: 0;
	padding: 0;
}
	#pagination li{
		display: inline;
		float: left;
		margin: 0 10px 0 0;
		font-weight: bold;
	}
		#pagination li a{
			font-weight:normal;
		}
	#paginationPrevious{
		float: left !important;
		margin: 0 15px 0 0 !important;
	}
	#paginationNext{
		float: right !important;
		margin: 0 0 0 0 !important;
	}
.pagination{margin: 20px 0 0 0; padding: 0;}
.pagination li{float: left; margin: 0 6px; list-style: none; display: inline; color: #666666; font-size: 1.1em;}
.pagination li a{color: #57af0d;}
.paginationPrevious, .paginationPrevious a{margin: 0 5px 0 0 !important; width: 20px; height: 16px; display: block; text-indent: -999%; overflow: hidden; background: url(../images/common/less.png) no-repeat;}
.paginationNext, .paginationNext a{width: 20px; height: 16px; display: block; text-indent: -999%; overflow: hidden; float: right; background: url(../images/common/more.png) no-repeat;}

/* ARTICLE MODULE - PUBLISHING COMMENTS */
#comments{
	width: 640px;
	clear: both;
	overflow: hidden;
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #e2e2e2;
	float: left;
	font-size: .9em;
}
	#comments .kommentarer{
		display: block;
		width: 220px;
		height: 12px;
		font-weight: bold;
	}
	#comments #read{
		float: left;
		width: 400px;
		margin: 0 40px 0 0;
	}
		.comment{
			border-bottom:1px solid #e9e8e8;
			width: 400px;
			padding: 10px 0 0 0;
			overflow: hidden;
		}
		#comments #read img{float: left; margin: 14px 10px 10px 0;}
		#comments #read .date, #comments #read .author{
			text-transform: uppercase;
			display: block;
		}
		#comments #read .date{padding: 14px 0 0 0; color: #969696; margin: 0 !important;}
		#comments #read .avatar{width: 63px; height: 24px;}
		#comments p{display: block; clear: both;}
	
	#comments #write{
		float: left;
		width: 200px;
		padding: 20px 0 0 0;
	}
		#comments #write input, #comments #write textarea{width: 194px;}
		#comments #write .btn{
			float: right !important;
			clear: both;
			border: 0 !important;
			background: url(../images/common/skicka.gif) no-repeat;
			text-indent: -9999px;
			width: 62px !important;
			height: 22px;
			margin: 10px 0 0 0 !important;
			overflow: hidden;
		}
#comments #write label em{
float:right;
font-size:94%;
margin:0 2px 0 0;
font-style:italic;
}

/* PRODUCT LISTING */
#productListContainer{width:660px; overflow: hidden; float: left;}
#shoppingCartDetails, #step1, #step2, #step3, #step4, #step5{width:640px; padding: 0 0 0 20px !important; overflow: hidden; float: left;}
#step4 #shoppingCartDetails, #step5 #shoppingCartDetails{padding: 0 !important;}
#step5 dt{color: #539242}
#productCatDesc p{padding: 0 0 0 20px !important;}
#productCatDesc h1{padding: 0 0 0 20px !important;}
#products{
	background:url(../images/common/product-divider.gif) repeat-y;
	min-height:492px;
	height:auto !important;
	height:492px;
	width:660px;
}
.product{
	width: 180px;
	padding: 20px 20px 0 20px;
	height: 252px;
	float: left;
	overflow: hidden;
}
.product h2{
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	float: left;
	display: block;
	overflow: hidden;
	width: 180px;
}
.product h2 a{color: #363636 !important;}
.product h2 a:hover{color: #666666 !important;}

.thumbnail{
			width: 180px;
			height: 170px;
			float: left;
			margin: 0 0 20px 0;
			overflow: hidden;
			text-align: center;
		}	
		.imgMissing{
			background: url(../images/custom/img-missing.gif) 20px 0 no-repeat;
			margin: 0;
		}
		
		.productMoreInfo{
			background: url(../images/common/product-more.gif) right top no-repeat;
			display: block;
			width: auto;
			height: 16px;
			float: right;
			margin: 10px 0 0 0;
			padding: 0 25px 0 0;
			overflow: hidden;
			outline: none;
			text-align: right;
			color: #363636 !important;
		}
		.productMoreInfo:hover{
			background-position: right -16px;
			color: #666666 !important;
		}
		.productPrice{
			width: auto;
			float: left;
			display: block;
			margin: 10px 0 0 0;
			font-size: 1.1em;
			font-family: trebuchet ms, Serif;
			color: #cc2727;
		}
/* PRODUCT DETAIL PAGE */
#productDescription{width:660px; overflow: hidden; float: left; position: relative;}
#productDescription h1{padding: 0 0 0 20px !important;}
#productDescription h2{color: #539242; font-size: 15px; margin: 0 0 18px 0;}
#productDescription a:hover{color: #000000;}
#col21{width: 390px; padding: 0; float: left; display: inline;}
#col22{width: 230px; padding: 10px 0 10px 20px; margin: 27px 0 0 20px; float: left; background: url(../images/common/v-divider.gif) repeat-y left top;}

/* root element for tabs  */
		ul.tabs{ 
			list-style:none; 
			margin:0 !important; 
			padding:0 0 0 20px;
			height:27px;
			background: url(../images/common/tabs-top.gif) repeat-x bottom; 
		}
		
		/* single tab */
		ul.tabs li{ 
			float:left;	 
			text-indent:0;
			padding:0 ;
			margin:0 !important;
			list-style-image:none !important; 
		}
		
		/* link inside the tab. uses a background image */
		ul.tabs a{ 
			background: url(../images/common/tabs.gif) no-repeat 0 0;
			font-size:13px;
			display:block;
			height: 27px;  
			line-height:30px;
			width: 98px;
			text-align:center;	
			text-decoration:none;
			color:#363636;
			font-weight: normal;
			padding:0px;
			margin:0 3px 0 0;	
			position:relative;
			outline:none !important;
		}
		ul.tabs a:active{
			outline:none !important;
		}
		/* when mouse enters the tab move the background image */
		ul.tabs a:hover{
			background-position: 0 -27px;
		}
		/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
		ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a{
			background-position: 0 -27px;		
			cursor:default !important; 
			color:#000 !important;
		}
		/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */

		/* width 1 */
		ul.tabs a.w1 			{ background-position: -519px 0; width:134px; }
		ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
		ul.tabs a.w1.current { background-position: -519px -62px; }
		
		/* width 2 */
		ul.tabs a.w2 			{ background-position: -366px -0px; width:154px; }
		ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
		ul.tabs a.w2.current { background-position: -366px -62px; }
		
		
		/* width 3 */
		ul.tabs a.w3 			{ background-position: -193px -0px; width:174px; }
		ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
		ul.tabs a.w3.current { background-position: -193px -62px; }
		
		/* width 4 */
		ul.tabs a.w4 			{ background-position: -0px -0px; width:194px; }
		ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
		ul.tabs a.w4.current { background-position: -0px -62px; }
		
		div.panes{
			padding: 20px 0 0 20px;
			overflow: hidden;
		}
#thumbnail{
	background: url(../images/common/h-divider.gif) repeat-x left bottom;
	width: 230px;
	text-align: center;
	overflow: hidden;
	float: left;
	display: inline;
	position: relative;
	padding: 0 0 20px 0;
}
	#thumbnail img{
		margin: 0;
		text-align: center;
	}
	#thumbnail .zoom{
		background: url(../images/common/zoom.png) no-repeat right;
		height: 18px;
		margin: 0 0 0 0;
		display: block;
		padding: 0 24px 0 0;
		overflow: hidden;
		position: absolute;
		bottom: 10px;
		right: 12px;
		font-size:1em;
		color: #666666;
	}
.thumbnail a:hover img{
	-moz-opacity: .9;
	filter: alpha(opacity=90) !important;
	opacity: .90;
}
.thumbnailDetails{
	overflow: hidden;
	width: 230px;
	margin: 10px 0 0 0;
	float: left;
}
.thumbnailDetails a{
	display: inline;
	float: left;
	margin: 5px 6px 0 0;
	width: 69px;
	height: 69px;
	overflow: hidden;
	position: relative;
}
.thumbnailDetails .zoom{
	background: url(../images/common/zoom.png) no-repeat right;
	bottom: 1px;
	height: 18px;
	position: absolute;
	right: 1px;
	width: 18px;
}
.prodImgDetailLeft{
	height: 69px;
	width: 69px;
}
.meta{
	background: url(../images/common/meta.png) no-repeat;
	clear: both;
	float: left;
	width: 620px;
	padding: 10px 20px 0 20px;
	margin: 20px 0 0 0;
	height: 40px;
}
	.meta .productPrice{
		width: auto;
		float: right;
		margin: 2px 0 0 0 !important;
		font-size: 1.8em;
		font-family: trebuchet ms, Serif;
		color: #cc2727;
	}
	.meta .productVat{
		width: auto;
		float: right;
		margin: 8px 8px 0 0 !important;
		font-size: .916em;
	}	
	.productDeliveryTime{
		display: none;
	}
#SiteShoppingCartAddProductForm{margin: 0; padding: 0 0 0 18px; float: right; width: 151px;}

	.productBuy{
		float: right;
	}
		.productAmount{
			width: 20px;
			height: 15px;
			border: 1px solid #d3d3d3;
			font-size: .916em !important;
			text-align: center;
			margin: 0;
			padding: 1px 0 0 0;
			color: #666666;
		}
		.productAmountWrap{
			background: url(../images/common/product-amount.png) no-repeat;
			width: 49px;
			height: 23px;
			padding: 5px 0 0 13px;
			float: left;
			font-size: .916em !important;
			color: #666666;
		}
		.buy{
			border: 0;
			background: url(../images/common/buy.png) no-repeat;
			color: #ffffff;
			text-align: left;
			margin: 0 0 0 9px;
			padding: 0;
			height: 28px;
			width: 80px !important;
			cursor: pointer;
			text-indent: -9999px;
			overflow: hidden;
			float: left;
		}
		.offert{
			border: 0;
			background: url(../images/common/offert.png) no-repeat;
			color: #ffffff;
			text-align: left;
			margin: 0 0 0 9px;
			padding: 0;
			height: 28px;
			width: 132px !important;
			cursor: pointer;
			text-indent: -9999px;
			overflow: hidden;
			float: right;
		}
	.productBack{
		float: left;
		margin: 8px 0 0 0;
	}
	.productBack a{
		background: url(../images/common/less.png) no-repeat left;
		padding: 2px 0 2px 25px;
		font-size: .916em;
		color: #363636;
	}
#webshopConditions{
	width: 640px;
	padding: 0 0 0 20px;
	float: left;
}
/* WEBSHOP - SHOPPING CART */
#shoppingCart{
	background: url(../images/common/shopping-cart.png) no-repeat;
	width: 220px;
	height: 84px;
	padding: 6px 20px 0 20px;
	margin: 0 0 12px 0;
	float: left;
	color: #ffffff;
}
#cart{width: 220px; float: none; font-family: trebuchet ms, Serif; clear: both;}
	#cart label{font-size: 1.3em; padding: 0 0 0 18px; margin: 0 0 8px 0; float: left; background: url(../images/common/shopping-cart-arrow.png) left no-repeat;}
	#cart .currentPrice{float: right; padding: 5px 0 0 0; margin: 0;}
	#cart select{float: left; width:100%; padding: 0; color: #666666; font-family: trebuchet ms, Serif;}

	#shoppingCart #nav{margin: 6px 0 0 0; float: left; font-size: .916em; display: inline;}
	#shoppingCart #nav #details, #shoppingCart #nav #checkout, #shoppingCart #nav #condition{color: #ffffff;}
	#shoppingCart #nav #condition{padding: 0 5px; margin: 0 5px; border-left: #c8d6b3 1px solid; border-right: #c8d6b3 1px solid;}
	#shoppingCart #nav #checkout{padding: 0 13px 0 0; background: url(../images/common/checkout.png) right no-repeat;}

item{margin: 0; padding: 0 0 10px 0;}

.item{
	border-bottom: 1px solid #e2e2e2;
	padding: 10px 0 0 0;
	overflow: hidden;
	height: auto !important;
	min-height: 30px;
	height: 30px;
}
#itemHeader{
	height: 20px;
	border-bottom: 2px solid #e2e2e2;
	font-weight: bold;
	margin: 15px 0 0 0;
	overflow: hidden;
}
.artId, .name, .price, .amount, .item .total{display: block; float: left; padding: 2px 0 0 0;}
.artId{width: 20%;}
.name{width: 50%;}
.price{width: 20%;}
.amount{width: 13%; padding: 0;}
.amount input{width: 35px;}
.total{width: 16%; float: left;}

.inputHidden{display: none;}

#update{width: 30%; float: left; padding: 8px 0 0 0;}
.items .total{width: 65%; padding: 10px 0 0 0; float: right;}
#step4 .items .total, #step5 .items .total{width: 100%;}
.items{overflow: hidden; height: 65px;}
.type{width: 65%; text-align: right; float: left; padding: 0 38px 0 0; overflow: hidden; font-weight: bold;}
#step4 .type{width: 493px;}
#step5 .type{width: 70%;}
.sum{padding: 0 2% 0 0; float: left;}

#goBack{width: 100px; float: left; margin: 10px 0 0 0; overflow: hidden;}
#goBack .continue{display: block; text-indent: -9999px; overflow: hidden; float: left; height: 28px; cursor: pointer; border: 0; width: 93px; color: #539242; background: none; border: 0; font-weight: bold; font-size: 1.2em; background: url(../images/common/handla-mer.gif) top left no-repeat;}

#continue{width: 100px; float: left; margin: 10px 0 0 0; overflow: hidden;}
#continue .checkout{text-indent: -9999px; overflow: hidden; float: right; text-align: left; height: 28px; cursor: pointer; border: 0; width: 97px !important; color: #ffffff; background: url(../images/common/till-kassa.gif) top right no-repeat; font-family: trebuchet ms, Serif; font-weight: normal; font-size: 1.2em;}

.empty, .update {float: left; height: 18px; padding: 0; margin: 0 10px 0 0; cursor: pointer; border: 0; color: #363636; background: none; border: 0; font-weight: bold;}
.empty{width: 125px; margin: 0 0 6px; padding: 0 0 0 22px; text-align: left; background: url(../images/common/empty.png) top left no-repeat;}
.update{width: 125px; padding: 0 0 0 22px; text-align: left; background: url(../images/common/update.png) top left no-repeat;}
#SingleIdForm{display: block;}
/* WEBSHOP - ORDER STEPS */
.visible{
	display: block;	
}
.invisible{
	display: none;	
}
#steps{width: 100%; float: none; clear: both; overflow: hidden; margin: 0 0 10px 0; padding: 10px 0 10px 0; border-bottom: 1px solid #e2e2e2;}
#steps li{float: left; width: 20%; list-style: none; border-right: 1px solid #e2e2e2; padding: 0 0 0 5px;}
.step3{width: 30% !important;}
.step4{border: 0 !important;}
#steps li strong{
	font-size: 120%;
	font-weight: bold;
	color: #539242;
	display: block;
}
.active strong{color: #363636 !important;}

#orderContent{
	/*border: 1px solid #999;*/
	overflow: hidden;
	position: relative;
}
#orderContent dd span{font-size: 85%; font-weight: bold; margin: 0 0 0 5px;}
#step3 dt, #step4 dt,#step5 dt{float: none; clear: both; font-size: 120%; font-weight: bold; border-bottom: 1px solid #e2e2e2; margin: 20px 0 5px 0;}
#step3 dd, #step4 dd, #step5 dd{margin: 0 0 5px 0; padding: 0; border: 0;}
	#step4 dd strong, #step5 dd strong{display: block; float: left; clear: left; width: 170px;}
#step3 label,
#step4 label,
#step5 label{display: block; float: left; width: 170px;}
#step3 input, #step3 textarea,
#step4 input, #step4 textarea,
#step5 input, #step5 textarea{width: 200px;}

#orderContent select{min-width: 200px;}
.radio, #continue{width: auto !important;}
/*.r1 {clear: right;float:none;}
.r2, .r4, .r16 {width: 150px;display: inline;float: left;}
.r11, .r20 {width: 70px;float:left;}
.r6 {clear:left;width: 150px;float: left;}
*/
.r14{margin: 20px 0 0 0 !important; height: 20px;}
.r15{margin: 0 0 20px 0 !important; height: 20px;}
.r14, .r15{float: none; clear: both; overflow: hidden;}
.r14 label, .r15 label{width: 400px !important;}
.r14 input, .r15 input{display: inline; float: left; border: 0;}
.tip{background: white; border: 1px solid #999 !important; padding: 10px !important; margin: 0 0 10px 0 !important; display: block;}

#step1 dd{margin: 0; padding: 6px 0 6px 0;}

#CREDIT_CARD{margin: 4px; padding}

#loading{background: url(../images/custom/loading.gif) no-repeat; overflow: hidden; text-indent: -9999px; width: 100px; height: 16px; margin: 0 5px 0 0;}

#goBack input, #continue input {padding:0 !important; cursor: pointer; background: none; font-weight: bold; color: #57af0d; border: 0; font-size: 1.2em;}
#goBack input{text-indent: -9999px; overflow: hidden; float: left; height: 28px; cursor: pointer; width: 93px; color: #539242; background: none; border: 0; font-weight: bold; font-size: 1.2em; background: url(../images/common/handla-mer.gif) top left no-repeat;}
#goBack input#back{text-indent: -9999px; overflow: hidden; float: left; height: 28px; cursor: pointer; margin: 0 0 0 9px; width: 72px; color: #539242; background: none; border: 0; font-weight: bold; font-size: 1.2em; background: url(../images/common/tillbaka.gif) top left no-repeat;}
#continue input{text-indent: -9999px; overflow: hidden; float: left; height: 28px; cursor: pointer; width: 88px; color: #539242; background: none; border: 0; font-weight: bold; font-size: 1.2em; background: url(../images/common/fortsatt.gif) top left no-repeat;}
#goBack{float: left; width: 83.5%;}
#step2 #goBack{margin: 20px 0 0 0;}
#step2 #continue{float: left; margin: 20px 0 0 0;}

.checkbox{margin: 0 4px 0 0;}
#goBack input

.fieldsInfo{float: none; clear: both;}

/* CONTACT FORM */
#contactEmail{
	width: 370px !important;
	padding: 0 !important;
	margin: 0 !important;
}
.leftLast{
	float: left;
}
#SendEmailForm{
	width: 370px;
}
#SendEmailForm label{
	display: block;
	float: none;
	clear: both;
}
#SendEmailForm textarea{
	clear: both;
	float: none;
}
#contactEmail ul{
	margin: 0 !important;
	padding: 0 !important;
	width: 370px;
	list-style: none;
	list-style-type: none;
}
#contactEmail li{
	padding: 0 !important;
	border: 0 !important;
}
#contactEmail input{
	width: 164px;
	padding: 4px 0 0 4px;
	height: 20px;
	margin: 0 0 8px 0 !important;
}
#contactEmail #subject{
	width: 364px;
}
#contactEmail #message{
	height: 67px;
	width: 356px;
	margin: 0 0 20px 0 !important;
	padding: 6px;
	font-size: 12px;
	line-height: 20px;
}
#contactEmail .left{
	clear: left;
	float: left;
	width: 170px;
}
#contactEmail .right{
	width: 170px;
	float: right;
	
}
.contactEmailSubmit{
	border: 0;
	width: 62px !important;
	height: 22px !important;
	float: right;
	background: url(../images/common/skicka.gif) no-repeat !important;
	color: #fff;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
	font-weight: bold;
	padding: 0 !important;
}
#contactEmail input, #contactEmail #message, .amount input{
	background: #fcfcfc url(../images/common/contact-email.gif) repeat-x top; color: #363636;
}