.webshop .col{float:left;}
.webshop .row{clear:both;margin-top:1em;}
.webshop h1.row{margin-top:0;}
.webshop label.row{display:block;}
.webshop .tar{text-align:right;}
.webshop .author{font-style:italic;}
.webshop .red{color:#f00;}

.webshop legend{color:#6CADDF;font-weight:bold;}
.webshop h2{margin-bottom:1em;}
.webshop h4{position:relative;} /* IE6 peekaboo bug... */

.webshop dt, .webshop dd{float:left;padding:0.2em 0 0.2em 0.4em;}
.webshop dt{width:29%;}
.webshop dd{width:69%;}
.webshop .testdescription{padding-top:1em;}

.webshop #newUser{width:30%;}
.webshop #loggin{margin-top:0;}
.webshop #loggin fieldset{padding:0 0 0.5em;}
.webshop #loggin fieldset legend{padding:0.5em 0;}
.webshop #loggin fieldset p{margin-bottom:1em;}

/* Fix f�r att r�tta till anv�ndarnamnet vid inloggning.
.webshop #loggin fieldset#user label{height:1em;} */

.webshop #loggin fieldset#user label *{float:left;}
.webshop #loggin fieldset#user label span{width:8em;}

.error{color:#e0249a !important;}
.webshop #loggin fieldset#user a.forgotPassword{color:#6daee0;}

.webshop.newAccount fieldset{margin:0 0 1em;padding-bottom:1em;border-bottom:solid 1px #ece7e4;width:60%;}
.webshop.newAccount legend{margin-bottom:0.3em;}
.webshop.newAccount label{display:block;margin-bottom:0.5em;}
.webshop.newAccount select, .webshop.newAccount input[type=text]{width:100%;}
.webshop.newAccount input, .webshop.newAccount select{display:block;}

.webshop.newAccount label{clear:both;padding-top:0.5em;}
.webshop.newAccount label span{clear:both;}
.webshop.newAccount label input, .webshop.newAccount label span.validator{float:left;}

.webshop.thanks p{margin-bottom:1em;}

.webshop .odd, .webshop #deliveryAddr{background:#e9e2cd;}
/* .webshop .even{background:#c00;} */
.webshop fieldset{border:none;}
.webshop table th, .webshop table td{padding:0.5em;}
.webshop .overview table td{padding:0.4em 0;}
.webshop table input[type=text]{width:1.5em;}
.webshop table tfoot .sumPrice td{border:solid 1px #ece7e4;border-width:1px 0;}

.webshop table.productTable .c1{width:15%;}
.webshop table.productTable .c2{width:20%;}
.webshop table.productTable .c3{width:15%;}
.webshop table.productTable .c4{width:15%;}
.webshop table.productTable .c5{width:10%;}

/* .webshop table.basketTable .c1{width:2%;}
.webshop table.basketTable .c2{width:20%;} */
.webshop table.basketTable{width:100%;}
.webshop table.basketTable thead th{white-space:nowrap;}

.webshop table.basketTable .imageButton, .webshop table.basketTable .imageButton *{white-space:nowrap;}
.webshop table.basketTable .imageButton{line-height:2.2em;}

.webshop table.basketTable thead th, .webshop table.basketTable tbody td{vertical-align:top;padding: 0.5em;}
.webshop table.basketTable .quantity{text-align:center;padding:0.5em 0.3em;}
.webshop table.basketTable .productNumber, .webshop table.basketTable .productName{text-align:left;}
.webshop table.basketTable .price, .webshop table.basketTable .price span{text-align:right;}
.webshop table.basketTable .price{white-space:nowrap;}
.webshop table.basketTable .price span, .webshop table.basketTable .deleteButton{display:block;margin-bottom:0.5em;}
.webshop table.basketTable .price span input{margin-top:0.5em;}
.webshop table.basketTable .sumPrice td{text-align:right;padding: 0.5em;}
.webshop table.basketTable .actions .checkOut{text-align:right;}

.webshop #deliveryAddr{padding:1%;}
.webshop #deliveryAddr dd input{font-size:smaller;}
.webshop #deliveryAddr .col, .webshop #orderButtons .col{width:49.9%;}
.webshop #deliveryAddr h4{margin-bottom:0.5em;}
.webshop #deliveryAddr dt, .webshop #deliveryAddr dd{line-height:1.5em;padding-right:0;display:block;min-height:1.5em;}
.webshop #deliveryAddr dt{text-align:right;width:30%;margin-right:1em;}
.webshop #deliveryAddr dd{width:50%;}
.webshop #deliveryAddr .tar{padding-top:1em;}
.webshop #deliveryAddr .secondRow{padding-top:1em;}
.webshop #deliveryAddr .buttons{margin-bottom:0.5em;margin-right:0.1em;}

.webshop .sumPrice dt, .webshop .sumPrice dd{float:left;text-align:right;padding-left:0;}
.webshop .sumPrice dt{width:79%;}
.webshop .sumPrice dd{width:20%;}

.webshop table.basketTable .price .imageButton *{display:inline;}
.webshop .imageButton{margin-right:0;}

.webshopbasket .bgTop{background: url(/harImages/kassa.top.gif) no-repeat;padding:1.5em 1.5em  0.4em !Important;}    
.webshopbasket h4{margin-bottom:0.5em;color:#000;font-size:1.2em;}
.webshopbasket .bgBottom{background: url(/harImages/kassa.footer.gif) no-repeat left bottom;height:12px;}  
.webshopbasket dt{float:left;}
.webshopbasket dt{width:39%;}
.webshopbasket dd{width:69%;}
.webshopbasket .basketBottom{text-align:right;border-top:solid 1px #fff;margin-top:0.7em;padding-top:0.5em;clear:both;}
.webshopbasket .basketBottom a{color:#fff;font-weight:bold;display:block;background: url(/harImages/kassa.arrow.gif) no-repeat right 0.35em;padding-right:1em;}

.webshop .selectInline input { display: inline; margin-right: 5px; }

.webshop input.password {width:300px;}
.webshop span.password {color:#48DB16;font-weight:bold;}
.webshop span.passwordError {color:#DA1236;font-weight:bold;}
.webshop h2{
	width:420px;
	clear: left;
}

.webshop .overview h2{
	float: left;
}

.webshop .overview .overviewTxt h2,
.webshop .overview .overviewDescription h2 {
	float:none;
}

/* -------------------------------------
 * Product table
------------------------------------- */
.priceTable{
	clear:both;
}
.product-description{
	margin-bottom:40px;	
 }
.js .product-description{
	overflow:hidden;
	height:52px;
	margin-bottom:0;
	position:relative;
}
.product-image{
	float:right;
	margin-bottom:10px;
	margin-top:18px;
}
.overviewTxt {
	float:left;
	width:420px;
}

.overviewDescription {
	float:left;
	width:500px;
}

.read-more{
	/*position:absolute;
	bottom:2px;
	right:0;*/
	margin-bottom:40px;
}
.read-more a{
	background:#fff url(../harImages/readMoreArrowSprite.png) no-repeat 100% 5px;
	padding-right:12px;
}
.read-more a.open{
	background:#fff url(../harImages/readMoreArrowSprite.png) no-repeat 100% -50px;
}
.products{
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
}
.products td{
	vertical-align:top;
}
.products .first td{
	border-top:solid #beb697 1px;
}
.products .even td{
}
.products .odd td{
	background:#e9e2cd;
}
.products tfoot td{
	border-top:solid #beb697 1px;
}
.products tfoot td em{
	font-size:.9em;
}
.products-sum{
	float:right;
}
.products-sum div{
	text-align:right;
	padding-bottom:8px;
}
/* --- columns --- */
.products colgroup .itemID{
	width:10%;		
}
.products colgroup .name{
	width:27%;
}
.products colgroup .description{
	width:41%;
}
.products colgroup .price{
	width:15%;
}
.products colgroup .items{
	width:7%;
}
/* --- cells --- */
.products tbody .itemID{
	
}
.products tbody .name{
}
.products tbody .description{
	
}
.products tbody .description p {
	margin: 0;
}
.products tbody .price{
	text-align:right;
}

.products tbody td {
    padding: 6px;
}

.products tbody .items{
	text-align:right;
	padding-top: 4px;
	padding-bottom: 4px;
}
.products tbody input.amount{
	width:30px;
	text-align:right;
}


/* -------------------------------------
 * Person register
------------------------------------- */
.person-register{
	color:#414141;
}
.person-register fieldset .controls{
	border-top:solid #beb697 1px;
	background:#fff url(../harImages/register-bg-top.png) repeat-x 0 0;
	padding:20px 0;
}
.person-register fieldset ol{
	padding-bottom:20px;
	float:left;
	width:100%;
}
.person-register .other-invoice-address{
	margin-top:0;
}
.js .person-register .other-invoice-address{
	display:none;
}
.person-register .field-container{
	border-bottom:solid #beb697 1px;
	margin-bottom:20px;
	width:100%;
	float:left;
}
.person-register fieldset{
	position:relative;
	display:block;
	width:100%;	
	float:left; /* OBS!!! must be floated or else IE will have issues. Content will jump when the DOM is modified */
}
.person-register .hide{
	display:none;
}
.person-register legend{
	position:relative;
}
.person-register legend span{
	/*position:absolute;
	left:0;*/ /* ie left fix in webshop_IE.css */
	/*top:0;*/
}
.person-register ol{
	margin:3px 0 0 0;
	padding:0;
}
.person-register li{
	list-style-type:none;
	margin:0;
	padding:0 0 8px 0;
	float:left;
	width:100%;
}
.person-register .title,
.person-register .input{
	float:left;
}
.person-register .title{
	text-align:right;
	width:182px;
	padding-right:8px;
}
.person-register .input{
	width:456px;
}
.person-register .extended-help{
	font-style:italic;
	padding-left:8px;
}
.js .other-education,
.js .other-user{
	display:none;
}
/* --- labels ---- */
.person-register label,
.person-register strong{
	padding:0 8px 0 5px;
}
.js .person-register .popupHelper{
	padding-right:0;
}
.person-register li label,
.person-register li strong{
	padding-top:2px;
	padding-left:0;
	display:inline-block;	
}
.person-register .toValidate{
	font-weight:bold;
	background:url(../harImages/register-validate.gif) no-repeat 100% 7px;
}
.js .person-register label.inlineHelper{
	display:none;
}
.person-register label.failedValidation,
.person-register strong.failedValidation{
	color:#d1529e;
}
.person-register .rdo-list label,
.person-register .rdo-list strong{
	padding-top:0;	
}
.person-register .input label{
	padding-left:5px;
}
/* --- inputs ---- */
.person-register input[type=text],
.person-register input[type=password]{	
	width:236px;
}
.person-register .iesix-fix{
	padding:2px;
	width:236px;
}
.person-register li .areaCode{
	width:80px !important;
}
.person-register li .area{
	width:146px !important;
}
.person-register select{
	width:auto;
}
.person-register textarea{
	width:240px;
}
.person-register input.failedValidation,
.person-register textarea.failedValidation{
	border:solid #d1529e 1px;
}
.person-register .user-information input[type=text]{
	width:154px;
}
.person-register .user-information .iesix-fix{
	width:154px;
}
.person-register .user-information .email{
	width:236px !important;
}
.person-register .user-information .agree{
	clear:both;
	padding-left:190px;
    background:url("../harImages/register-validate.gif") no-repeat scroll 177px 7px transparent;
}


.person-register li input.inlineHelper{
	color:#b9b9b9;
	font-style:italic;
	text-transform:lowercase;
}
.help-icon{
	width:16px;
	height:16px;
	background:url(../harImages/form-help-icon.png) no-repeat 0 0;
	margin:0 8px;
}
.form-tooltip{
	width:306px;
	position:absolute;	
	background:url(../harImages/tooltip-bottom-shadow.png) no-repeat 0 100%;
	padding-bottom:8px;
}
.form-tooltip .outer{	
	background:url(../harImages/tooltip-left-shadow.png) no-repeat 0 0;
	z-index:100;
}
.form-tooltip .inner{
	padding:10px;
	background:#fff;
	border:solid #bfbfbf 1px;
	margin-left:6px;
	text-align:left;
}
/* --- validation feedback --- */
.person-register .actions{
	width:100px;
	float:left;
	padding-left:20px;
}
.validation-feedback{
	background:url(../harImages/validation-feedback-triangle.png) no-repeat 10px 8px;
	border:solid #ce4697 1px;
	padding:5px 15px 10px;
	min-height:24px;
	width:400px;
	float:left;
	display:none;
}
.validation-feedback ol{
	color:#ce4697;
	margin-left:60px;
}
.validation-feedback li{
	list-style-type: square;
	float:none;
	padding:0;
}
.validation-feedback li a{
	text-decoration:underline;
}