﻿.SQOcontainer {width:960px; padding: 0 20px; margin: auto;}
.SQOcontent {width:100%; margin: auto;}

/*** StartPage ***/
.WebStartContent{height: 342px; background: #fff; float:left; overflow: hidden; width: 714px; margin:17px 0px 0px 0px;  text-align:left; border: 4px solid #fff;}
.WebStartSplashContent{height: auto; float:left; width: 992px; margin:10px 0px 0px 0px;  text-align:left; padding-left:0px;}
.WebStartContent .PuffBackground .text { padding: 10px; }
.WebStartContent .PuffBackground .text img[align=right]{ margin: 0 0 10px 10px; }
.WebStartContent .PuffBackground .text img[align=left]{ margin: 0 10px 10px 0; }

/*** ArticlePage ***/
.WebArticleContent{height: auto; float:left; width: 484px; margin:17px 0px 0px 0px;  text-align:left; padding-left:0px;}

/*** ArticlePage with newsletter registration Article4.aspx ***/
.newsletterfields { overflow: hidden; clear: both; }
#newsletterRegister .newsletter_message { margin-top: 1em; border: 1px solid #FFECB0; background: #FFF2D7 url(Images/info.png) no-repeat .5em .5em; float: left; padding: .5em 2.5em .5em 2.5em; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

/*** StorePage ***/
.WebStoreContent{height: auto; float:left; width: 484px; margin:17px 0px 0px 0px;  text-align:left; padding:0;}
.StoreContent { padding: 10px; background: #fff; }

/*** StoreListPage ***/
.WebStoreListContent{height: auto; float:left; width: 434px; margin:10px 100px 0px 0px;  text-align:left; padding-left:0px;}
.storeList { font-weight: bold; font-size: 14px; }
.storeListItem * { font-weight: normal; font-size: 10px; }

/*** OffersListPage ***/
#OfferList { overflow: hidden; background: url(Images/bg-2column.png) no-repeat bottom left; }
#OfferList li { background: url(Images/bg-h2.png) no-repeat; height: 230px; float: left; width: 208px; margin: 15px 11px 0 11px; padding: 10px 0; overflow: hidden; }
.OffersLogo { text-align: center; height: 75px; margin-top: 15px; }
.OffersHeader { height: 30px; }
.OffersText { overflow: hidden; }
.OffersText img { float: right;margin: 0 0 5px 5px; width: 100px; height: 100px; }.OffersImage {  }

.WebStartContentRight { height:330px;margin:17px 0 0 0;padding:10px;width:208px;background:#fff;float:right; }
.WebStartContentRight h2 { margin: 0; }
.WebStartContentRight #OfferList { overflow: hidden; height: 290px; background: none; }
.WebStartContentRight #OfferList li { border-bottom: 1px solid #000; background: none; height: auto; float: left; width: 208px; margin: 0; padding: 0 0 10px 0; overflow: hidden; }
.WebStartContentRight .OffersHeader { height: auto; margin: 10px 0 0 0; }
.WebStartContentRight .OffersText { overflow: visible; }

/*** Puffar ***/
.ArticleContent{ background-color:#ffffff; padding:10px; overflow: hidden;}
.PuffBackground{ background-color:#ffffff; }
.PuffBackgroundSmall{ background-color:#ffffff; padding:0;}
.PuffBackgroundSmallArticle{ overflow: hidden;text-align:left; background-color:#ffffff; padding:0px 10px 15px 10px; min-height:20px;}
.LowerPuffar{ margin-top:17px;}
.StartpagePuffStart{ background-image:url(../../Styles/Images/mainpuff_top.gif); background-repeat:no-repeat; width:818px; height:9px;}
.OfferspagePuffEnd{ background-image:url(../../Styles/Images/Offerspuff_bottom.gif); background-repeat:no-repeat; width:722px; height:9px;}
.StartpagePuffEnd{ background-image:url(../../Styles/Images/mainpuff_bottom.gif); background-repeat:no-repeat; width:818px; height:9px;}
.BigPuffStart{ background-image:url(../../Styles/Images/articletop.gif); background-repeat:no-repeat; width:652px; height:9px;}
.BigPuffEnd{ background-image:url(../../Styles/Images/articlebottom.gif); background-repeat:no-repeat; width:652px; height:9px;}
.BigPuffStoreStart{ background-image:url(../../Styles/Images/storetop.gif); background-repeat:no-repeat; width:890px; height:9px;}
.BigPuffStoreEnd{ background-image:url(../../Styles/Images/storebottom.gif); background-repeat:no-repeat; width:890px; height:9px;}
.BigPuffStoreListEnd{ background-image:url(../../Styles/Images/listbottom.gif); background-repeat:no-repeat;  height:9px;}
.RightPuffs{ float:right; margin-top: 17px;}
/*Liten puff*/
.StartPageLeftPuff{ float:left; width:208px; height: 158px; margin-right:10px; padding: 10px; background: #fff;}
.StartPageSmallPuffTop{background-image:url(../../Styles/Images/splefttop.gif); background-repeat:no-repeat; height:7px; width:228;}
.StartPageSmallPuffBottom{background-image:url(../../Styles/Images/spleftbottom.gif); background-repeat:no-repeat; height:10px; width:228;}
/*Lite större puff*/
.StartPageRightPuff{ float:right; width:208px; height: 158px; padding: 10px;background: #fff; }
.StartPageMediumPuffTop{ background-image:url(../../Styles/Images/sprighttop.gif); background-repeat:no-repeat; height:7px; width:228;}
.StartPageMediumPuffBottom{ background-image:url(../../Styles/Images/sprightbottom.gif); background-repeat:no-repeat; height:10px; width:228;}
/*Lite större puff - Article*/
.ArticlePagePuff{ padding:10px; width:208px; background: #fff; margin-bottom: 17px; }
.StartPageMediumPuffTop{ background-image:url(../../Styles/Images/sprighttop.gif); background-repeat:no-repeat;  height:7px; width:228;}
.StartPageMediumPuffBottom{ background-image:url(../../Styles/Images/sprightbottom.gif); background-repeat:no-repeat;  height:10px; width:228;}
/*Bild puff*/
.StartPageMiddlePuff{ float:left; width: 476px; text-align: center; background: #fff; border: 4px solid #fff;}

.ArticleContent .ArticlePagePuff{ position: absolute; top: 17px; right: 0; padding:10px; width:208px; background: #fff; margin-bottom: 17px; }

/*** SQO Menu ***/
.Menu {position:relative;}
.MenuItem {float:left; background-image:url(../../Styles/Images/menubtn_part1GIF.gif); background-repeat:no-repeat; background-position:left top; padding-left:6px; margin-right:5px;}
.MenuItemOut {background-image: none; position:absolute;}
.MenuItemRight {float:left; background-image:url(../../Styles/Images/menubtn_part5GIF.gif); background-repeat:no-repeat; background-position:right top; padding-right:6px;}
.Menu .MenuItemRightOut {background-image: none; }
.BtnBase{background-image:url(../../Styles/Images/menubtn_part3.gif); background-repeat:repeat-x; float:left;}
.Menu .BtnBaseOut{background-image: url(../../Styles/Images/menuitemtop.gif); background-repeat:no-repeat; width:212px; padding-left:6px;}
.BtnInnerLeft{}
.Menu .BtnInnerLeftOut{background-image: none !important;}
.BtnInnerRight{background-repeat:no-repeat; height:20px; background-position:right top; margin-left: 2px; margin-right: 2px;}
*html .BtnInnerRight{width:10px;}
.Menu .BtnInnerRightOut{background-image: none !important;}

/*** Text ***/
.WebHeaderOpenHours { text-align: center; color: #fff; padding-top: 13px; font-style: italic; font-size: 14px; float: right; width: 225px; height: 83px; background: url(../../Styles/Images/bomb-bl.png) no-repeat bottom right; }
.WebHeaderOpenHours p { line-height: 1.2em; text-decoration: underline; margin-left: 10px; text-transform: uppercase; }
.WebHeaderOpenHours p a { color: #fff; }
.BigTextDiv{float:left; text-align:center; margin-top:73px; width: 625px;}
.HeaderImage { float:left;width:625px;margin-top:55px; }
p#WebShortText{color:black; font-size:22px; font-family:Arial,Helvetica; text-transform: uppercase; font-style:italic; font-weight:normal; }
.PuffText{padding-top:10px;}

.Menu a, .Menu a:link, .Menu a:visited, .Menu a:active{text-decoration:none; letter-spacing: -1px; text-transform:uppercase; font-size:11px; font-weight:500;}
.Menu a:hover{text-decoration:underline;}

.FloatRightImg {  float: right; clear: right; margin: 4px; }

.sIFRmenu a{color:Gray;}
/*
.IconLink a:link, .IconLink a:active, .IconLink a:visited, .IconLink a, .Text a:link, .Text a:active, .Text a:visited, .Text a, .LowerPuffar a:link, .LowerPuffar a:active, .LowerPuffar a:visited, .LowerPuffar a, .ArticlePagePuff a:link, .ArticlePagePuff a:active, .ArticlePagePuff a:visited, .ArticlePagePuff a {background:url(../../Styles/Images/litenpil.gif) no-repeat bottom right; padding-right:8px;}
*/
.SQOprintlogo{display:none;}

/*** Offer ***/
.Offer{border:1px solid; float:left; width:661px;}
.Offer img{padding:10px;}
.Offer .TextContent{padding:20px 10px 10px 10px;}
.Offer .OfferRight{float:right;}
.Offer .OfferLeft{float:left;}

/*** Forms ***/
.editUserRow{ padding-bottom:10px;}
.litLoginInput{width:95%; height:14px; FONT-SIZE:110%; border: 1px solid #000; background:url(../../Styles/Images/inputback.gif) no-repeat top left; FONT-FAMILY:Verdana,Arial,Helvetica;}
.InputItem{padding-top:1px;}
.CheckBoxText{ padding-top:3px;}
.TOSstyle{ padding-top:25px;}

button { 
  border:0; 
  cursor:pointer;  
  padding:0 7px 0 0; 
  text-align:center; 
}
button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 8px; 
}

button { 
  width:auto; 
  overflow:visible; 
}
button span { 
  margin-top:1px; 
}

button.litLoginButton 
{
  height :22px; 
  line-height:19px;
  background:url(../../Styles/Images/btnBackRight.gif) right bottom no-repeat;
  text-transform:uppercase;
}

button.litLoginButton span{ 
  height:20px; 
  line-height:20px;
  background:url(../../Styles/Images/btnBack.gif) left no-repeat;
}

* html button.litLoginButton
{ 
  height:19px; 
  line-height:19px;
  background:url(../../Styles/Images/btnBackRight.gif) right 1px no-repeat;
}

* html button.litLoginButton span{ 
  height:19px; 
  line-height:19px;
  background:url(../../Styles/Images/btnBack.gif) left top no-repeat;
}

.IEBackfix{background-image:url(../Styles/Images/ruta.png);}
* html .IEBackfix{background-image:url(../Styles/Images/ruta.gif);}

.clearbox:after {
    content: '.';
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    line-height: 0;
}
.clearbox {
    display: block;
}
* + html .clearbox { /* ie7 */
    overflow: visible;
    height: 1%;
}
* html .clearbox { /* ie6 */
    display: inline-block;
    overflow: visible;
    height: 1%;
}


