﻿/* INLOGGNING */
.logininfo { width: 947px; padding: 2px 5px 5px 0; float: left }
.logininfo .text { padding: 2px 0; }
.logininfo .imgButton { float: right; margin: 18px 0 0 10px }
.logininfo .logout { float: right; margin-right: 5px }
.logininfo .user { float: right }
/*.logininfo input { height: 15px; padding: 0; vertical-align: top !important; }*/

/* VARUKORG */
/*#cart { background: #dedede url(../images/dekor/topmenuBg.jpg) no-repeat; height: 38px; float: left; width: 759px; }
#cart .cartSymbol { float: left; margin: 8px 5px 0 14px }
#cart .cartName { float: left; font-size: 1.8em; font-family: Arial, Tahoma, Helvetica, Verdana, 'Lucida Sans'; font-weight: bold; margin-top: 3px }
#cart .cartInfo { float: left; margin: 13px 0 0 6px; color: #000 }
#cart .cartButtons { float: right; padding-top: 11px }*/

/* WEBSHOP */
#webshopLeft { width: 193px; float: left; padding-bottom: 20px; background: url(../images/dekor/toneWhite2GreyVert-bottom.jpg) right bottom no-repeat; margin-left: 6px }
/*#webshopLeft .webshopMenuTabs { height: 25px; padding: 14px 0 0 0; }*/ 
#webshopLeft .webshopMenu { width: 169px; clear: left; float: left; padding: 95px 12px 0 12px; background: #eee url(../images/dekor/sortiment_meny_top_bg.jpg) top no-repeat; height: auto !important; height: 650px; min-height: 650px; overflow: hidden }
#webshopLeft .webshopMenuBottom { float: left; background: #eee url(../images/dekor/sortiment_meny_bottom_bg.jpg) no-repeat; width: 193px; height: 7px }

#webshopMain { width: 731px; float: right; padding-right: 4px }

/* SÖKNINGSRESULTAT */
#searchResult .mainContent .leftContent { padding: 26px } 
#searchResult .topContent { background: url(../images/dekor/sokresultat_topbild.jpg) no-repeat; width: 703px; height: 47px; margin: 0 0 10px 0; padding: 125px 0 0 26px }

/* STARTSIDA */
#wsdefault .mainContent .rightContent { float: right; width: 335px; padding: 16px 30px 0 0 }
#wsdefault .mainContent .leftContent { float: left; width: 305px; padding: 16px } 
#wsdefault .top { padding-left: 0 }

/* KATEGORI */
#categories .mainContent { background: none }
#categories .mainContent .topContent { float: left; width: 313px; height: 133px; padding: 38px 400px 0 16px; background-repeat: no-repeat; margin-bottom: 8px; color: #fff } 

#categories .mainContent .topContent br { clear: none }
/* används som dekor under kategorihuvudet */
#categories .mainContent .topContentDecor { float: left; background: url(../images/dekor/topcontentDecor.jpg) no-repeat; width: 100%; height: 5px } 
#categories .mainContent .middleContent { float: left; /*padding: 11px;*/ width: 100%; }
/*#categories .mainContent .topContent h1,
#categories .mainContent .topContent p { width: 45%; padding: 16px 0 0 16px; }*/

/*#categories .mainContent .topContent { float: left; padding: 0px 16px 0px 16px; width: 727px; height: 187px; background-color: #fff; background-position: right top; background-repeat: no-repeat } 
#categories .mainContent .topContent h1,
#categories .mainContent .topContent p { color: #fff; width: 49% }
/* används som dekor under kategorihuvudet */
/*#categories .mainContent .topContentDecor { float: left; background: url(../images/dekor/topcontentDecor.jpg) no-repeat; width: 100%; height: 5px } 
#categories .mainContent .middleContent { float: left; padding: 11px; width: 727px; }
*/

/* ARTIKEL */
#article .mainContent { float: left; width: 729px;  }
#article .mainContent .topContent { width: 100%; margin-bottom: 12px; float: left } 
#article .mainContent .leftContent { float: left; width: 450px; padding-left: 13px; padding-top: 20px }
#article .mainContent .leftContent .text { width: 400px }
#article .mainContent .leftContent .picture { float: left; margin-bottom: 10px; position: relative /*padding: 10px*/ }
#article .mainContent .leftContent .galleri { float: left; position: relative; margin-left: 36px }
/*#article .mainContent .leftContent .galleri a { float: left }*/
#article .mainContent .leftContent .relaterat { float: left; background: url(../images/dekor/topTone436.jpg) no-repeat; padding: 16px; width: 404px; margin-top: 10px }
#article .mainContent .leftContent .relaterat .lankar { width: 45%; float: left }
#article .mainContent .leftContent .relaterat .dokument { width: 45%; float: right }
#article .mainContent .leftContent .relaterat .lankar li,
#article .mainContent .leftContent .relaterat .dokument li { padding: 2px 7px }

#article .mainContent .rightContent { float: right; width: 250px; margin-top: 20px }
#article .mainContent .rightContent .ingredienser { background: url(../images/dekor/topTone250.jpg) no-repeat; padding: 16px; height: auto !important; height: 82px; min-height: 82px; }
#article .mainContent .rightContent .allergi { /*background: url(../images/dekor/topTone250.jpg) no-repeat;*/ padding: 16px; margin-bottom: 16px; height: auto !important; height: 82px; min-height: 82px; }
#article .mainContent .rightContent .ikoner { padding: 0 16px 16px 16px; text-align: right }
#article .mainContent .rightContent .ikoner img { margin-left: 10px }
#article .mainContent .rightContent .naringsinnehall { padding: 0 16px 16px 16px }
#article h4 { border: none }

#article .mainContent .bottomContent .RadTabStrip { padding: 12px 0 0 6px; }
#article .mainContent .bottomContent { float: left; margin-top: 10px; width:100%; background: transparent url(../images/dekor/tonad_vertikal_bg1x36.jpg) repeat-x scroll center top }
#article .mainContent .bottomContent .tabContent { border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; background: #fff; padding: 16px; float:left; width: 505px; /*width: 525px*/ } 
#article .mainContent .bottomContent .tabContent .left { float: left; width: 50% }
#article .mainContent .bottomContent .tabContent .right { float: right; width: 50% }
#article .mainContent .bottomContent .tabContent .attributeTable { margin-top: 3px; width: 100% }
#article .mainContent .bottomContent .tabContent .attributeTable .alt { background: #fff none repeat scroll 0 0; }
#article .mainContent .bottomContent .tabContent .attributeTable td { line-height: 16px; margin:0; padding: 3px 6px; width: 50%; }

/* Attribut */
#attributes .articleGroupItem img { vertical-align:middle; }
#attributes .mainContent .topContent { float: left; width: 100%; padding-bottom: 10px; }
#attributes .mainContent .topContent h1,
#attributes .mainContent .topContent p { width: 45%; padding: 16px 0 0 16px; }
#attributes .mainContent .topContent br { clear: none }
/* används som dekor under kategorihuvudet */
#attributes .mainContent .topContentDecor { float: left; background: url(../images/dekor/topcontentDecor.jpg) no-repeat; width: 100%; height: 5px } 
#attributes .mainContent .middleContent { float: left; /*padding: 11px;*/ width: 100%; clear:both; }

/* ARTIKELOBJEKT */
.articleGroupItem { /*background: #f1f1f1;*/ display: block; position: relative; margin: 0 /*5px*/25px /*15px*/20px 0; padding: 5px 3px; width: 130px; text-align: center; float: left }
.articleGroupItem img, .productItem img { text-decoration: none }
.articleGroupItem .headline { float: left; width: 100%; text-decoration: underline; }
.articleGroupItem .headline:hover { text-decoration: none }
.articleGroupItem p { margin-bottom: 3px; /*line-height: 1.4em*/ }

.articleGroupItem .soldout { position: absolute; left: 20%; bottom: 48%; z-index: 2; width: 91px; height: 33px; background: url('../images/detaljer/slutsald_bomb.png') left top no-repeat; }

.products .articleGroupItem { width: 110px }

.categoryList .articleGroupItem,
.attributeList .articleGroupItem { /*background: #f1f1f1;*/ display: block; margin: 0 5px 15px 0; padding: 5px 3px; height: auto !important; height: 100px; min-height: 100px; width: 110px; text-align: center; float: left }

#categories br,
#attributes br { clear:both }

.xtras, .price { text-decoration: none !important; float: left; color: #6f6f6f; width: 100% }
.price { font-family: Tahoma, Helvetica, sans-serif; font-size: 1.7em; color: #000; font-weight: bold; letter-spacing: -0.05em }
.priceBig { font-family: Tahoma, Helvetica, sans-serif; font-size: 2.6em; color: #000; font-weight: bold; letter-spacing: -0.05em }
.sale { color: #d40000 }
.artnr { /*float: right; margin-right: 16px;*/ }
.trademark { float: right }

/* expandable box */
.expandable { background: #eee url(../images/dekor/expandable_box_bg.jpg) repeat-x; width: 697px; padding: 16px; float: left }
.expandable h2 { width: 75% }
.expandableBottom { background: url(../images/dekor/expandable_box_bottom_bg.jpg) no-repeat; width: 729px; float: left; margin-bottom: 12px; height: 8px }

/* NYHETER/AKTUELLT*/
/* på startsida */
.toArchive { float: right; color: #000; margin-top: 7px }


