﻿h3 { margin: 0 }

/* 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; /*width: 620px; float: right; margin-right: 139px*/ }
#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: 80px; background: url(../images/dekor/toneWhite2GreyVert-bottom.jpg) right bottom no-repeat;}
#webshopLeft .webshopMenuTabs { background: #dedede; height: 25px; padding:14px 0 0 0; } 
#webshopLeft .webshopMenu { width: 169px; clear: left; float: left; padding: 16px 12px 0 12px; background: url(../images/dekor/toneWhite2GreyVert-repeat.jpg) right bottom repeat-y; height: auto !important; height: 650px; min-height: 650px; overflow: hidden }

#webshopMain { width: 759px; float: right }

/* SÖKRESULTAT */
#searchResult .mainContent { /*padding: 16px 25px;*/ float: left; width: 100%; }
#searchResult .mainContent .topContent {  }
#searchResult .mainContent .bottomContent { clear: both; padding-top: 20px; width: 100%; /*background: #eee*/ } 
#searchResult .mainContent .bottomContent br { clear: both }

/* STARTSIDA */
#wsdefault .mainContent .season { float: left; text-align: center; height: 100px; width: 759px; padding-top: 100px }
#wsdefault .mainContent .rightContent { float: right; width: 259px; padding: 0 30px 0 0; background: url(../images/dekor/toneGrey2WhiteHori.jpg) top repeat-x  }
#wsdefault .mainContent .rightContent .top { margin: 20px 0 }
#wsdefault .mainContent .rightContent .bottom { width: 259px; float: left; background: #eee }
#wsdefault .mainContent .leftContent { width: 442px; padding: 14px; float: left; background: url(../images/dekor/toneGrey2WhiteHori.jpg) top repeat-x } /* produktvisning av 6 produkter (startsida) */
#wsdefault .mainContent .leftContent .top { margin: 20px 0 }
#wsdefault .mainContent .leftContent .bottom { width: 442px; float: left; background: #eee }

/* KATEGORI */
#categories .mainContent .topContent { float: left; width: 100% } 
#categories .mainContent .topContent h1,
#categories .mainContent .topContent p { /*color: #fff;*/ width: 45%; padding: 16px 0 0 16px; }
#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%; }

/* ARTIKEL */
#article .mainContent { float: left; padding: 10px 10px 0 10px; width: 720px }
#article .mainContent .topContent { float: left; padding-bottom: 10px; width: 500px; /*width: 100%*/ } 
#article .mainContent .leftContent { float: left; /*width: 250px*/ }
#article .mainContent .leftContent .picture { float: left; }
#article .mainContent .rightContent { float: right; /*width: 450px*/ }
#article .mainContent .rightContent .articleText { padding-bottom: 5px }
#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%; margin-bottom: 12px }
#attributes .mainContent .topContent h1 { width: 45%; padding: 16px 0 10px 16px; }
#attributes .mainContent .topContent p { width: 45%; padding: 0 0 16px 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 15px 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 }
.absBottomRight { position: absolute; bottom: 15px; right: 15px }

.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 }

/* NYHETER/AKTUELLT*/
/* på startsida */
.toArchive { float: right; color: #000; margin-top: 7px }
.date { }

/*.ArticleGroupItem .productName { clear:both; display:block; }
.ArticleGroupAddon { color:#999999; }
.ArticleGroupItem a { display:block; text-decoration:none; color:#ED1C24; cursor:pointer; }
.forstoringsglas { clear:left; float:left; }*/

/*  HIGHLIGHTS - start  */
.categoryPusherBig { width: 300px; float: left; padding: 0 0 28px 28px; /*background: #eee;*/ text-decoration: none; border-right: solid 1px #e2e2e2  }
.categoryPusherBig .header1 { padding-bottom: 0; color: #000; font-size: 3.0em; text-indent: -1; font-family: Tahoma, Arial, Helvetica, Tahoma; font-weight: bold; margin-bottom: 0; line-height: 32px; display: block }
.categoryPusherBig .header1:hover { text-decoration: underline }
.categoryPusherBig .header2 { color: #6E6E6E; font-weight: normal; font-size: 0.8em; display: block }

.categoryPusherSmall { float: right; width: 400px; /*background: #cacaca;*/ padding-top: 20px; text-decoration: none }
.categoryPusherSmall .header1 { padding-bottom: 0; color: #000; font-size: 2.2em; display: block; text-indent: -2; font-family: Tahoma, Arial, Helvetica, Tahoma; font-weight: bold; margin-bottom: 0; line-height: 24px; text-decoration: none }
.categoryPusherSmall .header1:hover { text-decoration: underline }
.categoryPusherSmall .header2 { color: #6E6E6E; font-weight: normal; font-size: 0.8em; display: block }
.categoryPusherSmall .text { float: right; width: 180px; padding: 40px 14px 0 0 }
.categoryPusherSmall .priceLabel { font-size: 20px }
/*  HIGHLIGHTS - slut  */


