.clearboth{clear:both;} 


a#info{'{'}
background:url("{$www_root}img/info.png") no-repeat scroll 0 0 transparent;
display:block;
height:19px;
width:19px;
float:left;
}
a#info:hover{'{'}
background:url("{$www_root}img/info-hover.png") no-repeat scroll 0 0 transparent;
}
div.service-name{'{'}
float:left;
padding-right:10px;
}


.error {
color:red;
}

p {margin:0;padding:0;}

img {border: 0px;}

html,body {
	text-align: center;
	padding:0em; 
	margin:0 0 0 0;
	font-size: 13px;
	font-family: 'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif; 
	background:#323232;
	height:100%; /* needed for container min-height */	
}

td {
	font-size: 13px;
	font-family: 'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif; 
}

a{
	text-decoration:none;
	color:#444444;
	font-weight:bold;
}


.preload { height: 0; width: 0; overflow: hidden; }
a {outline: none;}
td {
	padding:5px;
}

.ui-widget-content { padding: 0.4em; } 


a.normallink,a.normallink:hover {
	font-weight:normal !important;
	color:#303030 !important;
}

div#top-info {
	float:left;
	width:680px;
	padding-bottom:5px;
}

div#top-info h1 {
	margin:0 0 6px 0;
}


div#avancerat a{
	display:block;
	width:96px;
	height:33px;
	background:url('../img/avancerat.png');
}

div#avancerat a:hover{
	background:url('../img/avancerat-hover.png');
}

div#login-buttons {
	float:right;
	margin:-3px -6px 0 0;
}

a#button-prislista {
	margin-left:20px;
	display:block;
	width:147px;
	height:26px;
	background:url('../img/button-prislista.png');
}

a#button-prislista:hover{
	background:url('../img/button-prislista-hover.png');
}


a#button-skapanytt {
	float:left;
	display:block;
	width:107px;
	height:41px;
	background:url('../img/button-skapanytt.png');
}

a#button-skapanytt:hover{
	background:url('../img/button-skapanytt-hover.png');
}

a#button-loggain {
	float:left;
	display:block;
	width:82px;
	height:41px;
	background:url('../img/button-loggain.png');
}

a#button-loggain:hover{
	background:url('../img/button-loggain-hover.png');
}


div.dotted-line {
	margin:25px 0 26px 0;
	border-top:1px dotted #AAAAAA;
	width:100%;
}



div.dotted-line-vert {
	float:left;
	margin:0 25px 0 25px;
	border-left:1px dotted #AAAAAA;
	height:100%;
}


div#itoffert-form-puffar {
}



div#puff-left {
	margin:10px 10px 0 -8px;
	float:left;
	background:url('../img/puff-big.png') no-repeat;
	width:339px;
	height:147px;
	padding:30px 33px 25px 30px;
}

div#puff-left h3 {
	margin:0;
	font-size:12px;
}

div#puff-left-text {
	float:left;
	width:210px;
}

div#puff-left-image {
	float:left;
}	

div#puff-left-image img{
	position:relative;
	left:5px;
}

div#puff-middle {
	margin:11px 7px 0 0px;
	float:left;
	background:url('../img/puff-middle.png') no-repeat;
	width:187px;
	height:147px;
	padding:30px 32px 30px 28px;
}
div#puff-middle h3 {
	margin:0;
	font-size:12px;
}

div#puff-right {
	margin:11px -20px 0 0px;
	float:left;
	background:url('../img/puff-middle.png') no-repeat;
	width:187px;
	height:147px;
	padding:30px 25px 30px 30px;
}

div#puff-right h3{
	margin:0;
	font-size:12px;
}

div#puff-right-bottomtext {
	float:left;
}

div#puff-right-bottomimage {
	float:left;
	width:0px;
	height:0px;
	overflow:visible;
	position:relative;
	top:-5px;
}

div#small-form-container {

	height:480px;
	padding:50px 10px 50px 60px;
	margin:0px 0 0 -13px;
	
	background:url('../img/smaller-form-bg.png')  no-repeat;
}



a#skapakonto {
	margin-top:24px;
	display:block;
	background:url('../img/skapakonto.png') no-repeat;
	width:170px;
	height:36px;
}

a#skapakonto:hover{ 
	background:url('../img/skapakonto-hover.png') no-repeat;
}


a#loggain {
	margin-top:23px;
	display:block;
	background:url('../img/loggain.png') no-repeat;
	width:132px;
	height:30px;
}

a#loggain:hover {
	background:url('../img/loggain-hover.png') no-repeat;
}


div#form-container {
	width:100%;
	height:330px;
	padding:50px 10px 41px 60px;
	margin-left:-27px;
	background:url('../img/form-bg.png')  no-repeat;
}


div.spacebetween-form {
	height:17px;
	width:100%
}


div.step-image {
	float:left;
	margin-left:-14px;
	margin-top:-10px;
}

div.step-title {
	float:left;
	margin:6px 0 0 6px
}

div#selservicetype {
	width:200px;
	margin:0;
	padding:0;
}

div#servicetype_error {
	display:none;
	padding:0;
	margin:0;
}

div.error_msg span {
	color:red;
	font: 10px arial;
}


div#main{
	
	width: 926px;
	margin: 0px auto;
	padding:0px 9px 120px 9px;
	text-align: left;
}

div#main-space{
	background:white url('../img/header-bg.png') top center repeat-x;
	margin: 0px auto;
	padding:0;
	text-align: left;
	
	position:relative; /* needed for footer positioning*/
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */	
}

div#rabatt {
	z-index:1;
	float:left;
	position:relative;
	top:58px;
	left:25px;
}


div#logo-space {
	float:left;
	width: 570px;
	height: 118px;

}

div#logo {
	padding:32px 0px 0px 0px;
}

div#navigation-space {
	float:right;
	margin-top:42px;

}

ul#navigation {
	list-style: none;
	float: left;
	margin:0;
	padding:0;
}

ul#navigation li {
	display: inline;
	
}


ul#navigation a {
	display: block;
	float: left;
	height:27px; 
	margin-right:10px;
}

a#top-hem {
	width:56px;
	background:url('../img/menu-hem.png');
}

a#top-hem:hover {
	background:url('../img/menu-hem-hover.png');
}



a#top-om {
	width:56px;
	background:url('../img/menu-om.png');
}

a#top-om:hover {
	background:url('../img/menu-om-hover.png');
}



a#top-prislista {
	width:74px;
	background:url('../img/menu-prislista.png');
}

a#top-prislista:hover {
	background:url('../img/menu-prislista-hover.png');
}



div#content-space{
	margin-top:0 !important;margin:0px;
	padding:29px 17px 20px 15px;
	background:#FFFFFF;
	color:#303030;
}


div#content-space a:hover{
	text-decoration:none;
	color:#777777;
	font-weight:bold;
}

h1{
	font-size:16px;
	margin:0 10px 10px 0;
}


.datepicker {background: #fffde4;border:1px solid #AAAAAA;width:120px;}


div#contentleft {
	float:left;
	width:200px;
	padding-right:30px;
	border-right:#CFCFCF solid 1px;
	height:333px;
}
div#contentleft select{
	width:200px !important;
	padding:0 !important;
	margin:0 !important;	
}

div#contentleft textarea{
	width:196px !important;
	padding:0 !important;
	margin-right:0 !important;
}


div#contentmiddle {
	float:left;
	width:327px;
	padding-left:30px;
	padding-right:30px;
	border-right:#CFCFCF solid 1px;
	height:333px;
}

div#contentright {
	padding-left:30px;
	float:left;
	width:220px;
	height:333px;
}



div#om-contentleft {
	float:left;
	width:273px;
	margin-top:15px;
	padding-right:30px;
	border-right:#CFCFCF solid 1px;
	height:333px;
}


div#om-contentright {
	padding-left:30px;
	float:left;
	height:520px;
	width:273px;
    margin-top:15px;
	
}


div#puff-container-right {
	float:right;
	margin-right:-18px;
}

div#left-to-puff {
	float:left;
	width:620px;
}


div#footer-space{
	background: url('../img/bottom-bg.png') top center repeat-x;
	background-color:#323232;
	height:120px;

	bottom:0; /* stick to bottom */	
	position:absolute;
	width:100%;
	
	
}

div#footer{
	width: 926px;
	margin: 0px auto;
	padding:20px 9px 30px 30px;
	text-align: left;
}

div#footer span {
	color:#AAAAAA;
}


div#footer a{
	text-decoration:none;
	color: #999999;
	font-weight:bold;
}

div#footer a:hover{
	color: #AAAAAA;

}

a#skickaknapp {
	display:block;
	background:url('../img/skicka.png') no-repeat;
	width:170px;
	height:36px;
}

a#skickaknapp:hover {
	background:url('../img/skicka-hover.png') no-repeat;
}

#ui-datepicker-div {
font-size:86%;
display:none;
}



div.refs {
	padding-top:42px;
	width:191px;
overflow:hidden;
	
}


a.arrowright{
	float:right;
	width:23px;
	height:31px;
	display:block;
	background:url('../img/arrowright.png') no-repeat;
	margin-top:40px;
}

a.arrowright:hover{
	background:url('../img/arrowright-hover.png') no-repeat;
}


a.arrowleft{
	float:left;
	width:20px;
	height:30px;
	display:block;
	background:url('../img/arrowleft.png') no-repeat;
	margin-top:40px;
}

a.arrowleft:hover{
	background:url('../img/arrowleft-hover.png') no-repeat;
}

div.refmiddle{
	float:left;
	width:148px;
	height:90px;
	
	
}

div.refmiddle div {
	

	display:none;
	margin:0 auto;
	height:0;
	overflow:visible;
	position:relative;
	left:0;
	top:0;
}




.refs div {
	height:90px;
	vertical-align:middle;
	margin:0;
	padding:0;
	border:0;
	text-align:center;
	
}



div#information {

	color:#444444;
	margin:20px 0 60px 0;

}

div#information ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
	padding:0;
	margin:0;
}


div#information li {

	padding:0;
	margin:0 0 3px 0;

}

div#information a{
	color:#444444;
	text-decoration:none;
}

div#information a:hover{
	color:#333333;
}


div#information h2{
	font-size:13px;
	margin:0 10px 5px 0;
}

div#information-description {

	width:390px; 
	float:left;
	margin:10px 20px 0px 20px;
}

div.information-menu {
	width:170px; 
	float:left;
	margin:10px 20px 20px 35px;
}

















.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 138px;
	height:100px;

	/* custom decorations */
	border:0;
	margin:0;
	padding:0;
	text-align:center;
	float:left;
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}
/* single scrollable item */
.scrollable span {
	float:left;
	padding:2px;
	border:0;
	cursor:pointer;
	width:135px;
	line-height:66px;
	height:66px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
}


/* single scrollable item 
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}*/

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

div#terms {
	font-size:80%;
}


div#skapa-konto-form {
	float:left;
	width:400px;
	height:100%;	
}

div#skapa-konto-form p {
	font-size:11px;
}

div#skapa-konto-form table {
	margin-top:10px;
}

input#formtext  {
 width:180px;
}

div#skapa-konto-medal {
	float:left;
	margin-left:32px;
	margin-top:-15px;
}

div#rubrik {
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}