﻿.topLogo{
	/*position:absolute;
	top:29px;
	left:28px;
	height:42px;
	width:181px;*/
	display:none;
}
.topSearchWrapper{
	position:absolute;
	top:60px;
	right:28px;
}

.footerContent {
    background-color: #fbf5ea;
    text-align: center;
    padding: 1.5em 0 0;
    line-height: 1.5em;
}

.footerContent strong {
    color: #808080;
}


#topShoppingCartWrapper{
	position:absolute;
	top: 82px;
	right: 17px;
}

#topShoppingCartHeader {
    background: transparent url(../harImages/Ikon_Kundvagn.jpg) left top no-repeat;
    line-height: 37px;
    height: 37px;
    z-index: 830;
    position: relative;
    padding: 0 19px 0 20px;
    margin: 1px 2px 0 1px;
}

#topShoppingCartWrapper.open #topShoppingCartHeader {
    background: transparent url(../harImages/Ikon_Kundvagn.jpg) no-repeat 5px 0;
    border: 1px solid #ccc;
    border-bottom: none;
    border-right-width: 2px;
    margin: 0;
	padding-left: 25px;
}

#topShoppingCartHeader span#showShoppingCart {
    cursor: pointer;
    color: #2264a6;
}

#topShoppingCartDetails {
    position: absolute;
    top: 37px;
    right: 0;
    background: #fff;
    padding: 19px;
    width: 683px;
    border: 1px solid #ccc;
    z-index: 820;
    display: none;
    border-right-width: 2px;
    border-bottom-width: 2px;
}

#topShoppingCartWrapper.open #topShoppingCartDetails {
    display: block;
}

input.topSearchField{
	width:165px;
	height:15px;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	border:solid 1px #b8b8b8;
	font-size:1em;
/*	position:absolute;
	left:0px;
	bottom:0px;*/
	
}

input.submittButton
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:19px;
	width:26px;
/*	position:absolute;
	right:0px;
	bottom:0px;*/
}

.submitButton
{
	margin:0 0 0 4px;
	padding:0 0 0 0;
	height:19px;
	width:26px;
/*	position:absolute;
	right:0px;
	bottom:0px; */
	vertical-align: top;
}

.quickSearch {
    float: left;
}

.topSearchWrapper .login {
    float: left;
    line-height: 19px;
    margin: 0 0 0 20px;
/*    color: #e0249a;*/
    padding: 0 0 0 16px;
    border-left: 1px solid #e8e8e8;
    height: 19px;
}










.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:#9D1348;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; padding-right: 95px;}

/* Fix fï¿½r att rï¿½tta till anvï¿½ndarnamnet vid inloggning.
.webshop #loggin fieldset#user label{height:1em;} */
.webshop #loggin fieldset#user td { padding: 0; }
.webshop #loggin fieldset#user label *{float:left;}
.webshop #loggin fieldset#user label span{width: 200px; display: block;}
.webshop #loggin fieldset#user label span strong, 
.webshop #loggin fieldset#user label span em { float: none;}

.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;
}
.product-other-image{
	float:left;
	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;
}

/*-----------product landing page---------------*/
.productCategoryContainer {
	border-top:1px #e3e3e3 solid;
	border-left:1px #e3e3e3 solid;
	border-right:1px #e3e3e3 solid;
	padding:20px 20px 0 20px;
	margin:0 0 25px 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.productCategoryContainer h2 {
	font-size:1em;
	font-weight:bold;
	margin:0 0 20px 0;
	color:black;
}
.productCategoryContainer a.viewAll {
	float:right;
}
.productCategoryContainer ul {
	list-style-image:none;
	margin:0 -21px 0 -21px;
	padding:0 0 0 8px;
	background-image:url('../harImages/productNameGradient.png');
	background-position:left bottom;
	background-repeat:repeat-x;
}
.productCategoryContainer ul li {
	margin:0;
	padding:0;
	display:inline;
}
.productCategoryContainer ul li a {
	text-align:center;
	float:left;
	width:105px;
}
.productCategoryContainer ul li a .productImage {
	width:80px;
	height:104px;
	margin:0;
	padding:0;
}

.productCategoryContainer ul li a .productName {
	display:block;
	padding:10px 0 0 0;
	height:40px;
}
/*-----------product category page---------------*/
.productTeaser {
	padding:20px;
	margin:0 0 20px 0;
	background-color:#f5f5f5;
	-moz-box-shadow:inset 0 0 40px rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0 0 40px rgba(0,0,0,0.1);
	box-shadow:inset 0 0 40px rgba(0,0,0,0.1);
	position:relative;
}
.productTeaser .productImage {
	width:140px;
	height:180px;
	float:left;
}
.productTeaser .productInfo {
	width:435px;
	float:right;
	padding:10px 0 0 0;
}
.productTeaser .productInfo h2 {
	font-size:1.5em;
	margin:0 0 1em 0;
}
.productTeaser .productInfo .showMoreTxt {
	background-image:url('../harImages/readMoreArrowBlue.png');
	background-position:right 5px;
	background-repeat:no-repeat;
	padding:0 14px 0 0;
	white-space:nowrap;
	display:inline-block;
}
.productTeaser .productInfo .showLessTxt {
	background-image:url('../harImages/readMoreArrowBlue.png');
	background-position:right -49px;
	background-repeat:no-repeat;
	padding:0 14px 0 0;
	white-space:nowrap;
	display:inline-block;
}
.productTeaser .productInfo .readMore {
	/* margin:1em 0 0 0; */
	position: absolute;
	bottom: 0px;
	right: 20px;
}

ul.productCategoryList {
	list-style-image:none;
	margin:0;
	padding:0;
}
ul.productCategoryList li {
	margin:0;
	padding:20px 0;
	background-image:url('../harImages/productCategoryListGradient.png');
	background-position:left top;
	background-repeat:repeat-x;
	cursor:pointer;
}
.mainColumnFull ul.productCategoryList li {
	padding:20px;
}
ul.productCategoryList li .productImage {
	float:left;
	width:80px;
}

ul.productCategoryList li .productInfo {
	float:right;
	width:550px;
}

ul.productCategoryList li .otherPagesInfo 
{
    float:left;
    width: 470px;
    padding: 0 0 0 0;
}

.mainColumnFull ul.productCategoryList li .productInfo {
	float: right;
	width: 470px;
	padding-right: 290px;
}
ul.productCategoryList li .productInfo .productName {
	font-size:1.17em;
	font-weight:bold;
}

ul.productCategoryList li .otherPagesInfo .productName {
	font-size:1.17em;
	font-weight:bold;
}
ul.productCategoryList li .productInfo strong {
	font-weight:bold;
}
ul.productCategoryList li .productInfo small {
	font-size:0.92em;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	color:#666;
}
/* -------------------------------------
 * 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_red.gif) no-repeat 100% 7px;
}
.talentlens .person-register .toValidate{
	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;
}
a.closecart {
    float:right;
    padding-bottom:5px;
}

.fn_show-other-user label {
	margin-right: 30px;
}

.person-register .instructions
{
	margin-bottom: 10px;
	font-style: italic;
}
