html { overflow-x: hidden; }

body { margin: 0 0 50px 0; font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-size: 12px; color: #222; background: url(/Site/Themes/SRK/Images/bgMain.png) #fdbad7 repeat-x; overflow-x: hidden; }

div { font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-size: 12px; color: #222; }

p { margin: 10px 0 0 0; }

img { border: 0; margin: 0; padding: 0; }

form { margin: 0; padding: 0; }

h1 { font-family: Georgia, Times, Times New Roman, serif; font-size: 30px; font-weight: normal; margin: 0 0 5px 0; }
h2 { font-family: Georgia, Times, Times New Roman, serif; font-size: 24px; font-weight: normal; margin: 5px 0 5px 0; }
h3 { font-family: Georgia, Times, Times New Roman, serif; font-size: 18px; font-weight: normal; margin: 13px 0 0 0; }
h4 { font-family: Georgia, Times, Times New Roman, serif; font-size: 15px; font-weight: normal; margin: 0 0 4px 0; }
h5 { font-family: Georgia, Times, Times New Roman, serif; font-size: 12px; margin: 0 0 5px 0; }

a { color: #ed0677; }
a:hover { text-decoration: none; }
a:visited { color: #ed0677; }
a.black { color: #222; }
a.leftMenuOff { text-decoration: none; color: #202020; line-height: 32px; margin-left: 14px; }
a.leftMenuOn { text-decoration: none; color: #fff; line-height: 32px; font-weight: bold; margin-left: 14px; }
a.leftMenuOff:hover { text-decoration: underline; }
a.leftMenuOn:hover { text-decoration: underline; }
a.no-decoration { color: #222; text-decoration: none; }
a.no-decoration:hover { text-decoration: underline; }
a.h4 { font-family: Georgia, Times, Times New Roman, serif; font-size: 15px; font-weight: normal; }

a:focus { outline: none; }
input:focus { outline: none; }

#siteContainer { position: absolute; top: 0px; left: 50%; width: 1154px; margin-left: -577px; min-height: 1066px; _height: 1066px; /* IE6 hack */ z-index: 50; }
#siteContainerWithBG { position: relative; background: url(/Site/Themes/SRK/Images/bgContent.png) top center repeat-y; width: 1154px; min-height: 1066px; _height: 1066px; /* IE6 hack */ }
#decorationLeft { position: absolute; left: 0px; top: 0px; width: 92px; height: 1066px; background: url(/Site/Themes/SRK/Images/decorationLeft.png) no-repeat; line-height: 0; font-size: 0; }
#decorationRight { position: absolute; right: 0px; top: 0px; width: 92px; height: 1066px; background: url(/Site/Themes/SRK/Images/decorationRight.png) no-repeat; line-height: 0; font-size: 0; }

#content { position: relative; width: 944px; margin-left: auto; margin-right: auto; }
#bottom { position: relative; width: 986px; height: 17px; margin-left: auto; margin-right: auto; }

.text { line-height: 19px; }
.price { font-size: 24px; color: #ed0979; }
.center { text-align: center; }
.topList { margin: 0; }

.inputGeneral { height: 18px; background: #ffffff url(/Site/Themes/SRK/Images/bgInputGeneral.png) no-repeat; padding: 5px 0 0 7px; margin: 3px 0 7px 0; border: 0; font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-size: 12px; color: #222222; }
.selectGeneral { background: #ffffff url(/Site/Themes/SRK/Images/bgInputGeneral.png) no-repeat; margin: 3px 0 7px 0; border: 0; font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-size: 12px; color: #222222; }
.textareaGeneral { background: #ffffff url(/Site/Themes/SRK/Images/bgTextareaGeneral.png) no-repeat; padding:5px 0 0 7px; margin:3px 0 7px 0; border:0; font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-size:12px; color:#222222; }

.logoTop { position: relative; padding: 19px 0 15px 14px; width: 184px; height: 57px; }

.shoppingCartItems { position: absolute; top: 14px; left: 50px; width: 225px; overflow: hidden; }
.shoppingCartButton { position: absolute; top: 11px; right: 11px; width: 119px; overflow: hidden; }

.topPuffar { position: relative; margin-left: auto; margin-right: auto; width: 947px; /* IE6 hack */ padding-left: 0px; /* IE6 hack padding-left: 4px; */ }
.topPuff { position: relative; float: left; width: 312px; height: 59px; background: url(/Site/Themes/SRK/Images/bgTopPuff.png) no-repeat; }
.topPuffInner { padding: 22px 0 0 20px; }
.topPuffAbsImage { position: absolute; top: -5px; left: 220px; }

.contentInner { position: relative; width: 936px; margin-left: auto; margin-right: auto; }
.contentInnerFloatLeft { position: relative; width: 467px; float: left; padding: 20px 0 20px 0; }
.contentInnerFloatRight { position: relative; width: 151px; float: right; padding: 20px 0 20px 0; }

.menu { height: 35px; background: url(/Site/Themes/SRK/Images/bgMenuNormal.png) repeat-x; overflow: hidden; margin-top: 7px; padding: 0; }
.menuLeft { position: absolute; left: 0px; top: 0px; height: 35px; width: 13px; background: url(/Site/Themes/SRK/Images/menuEndLeft.png) no-repeat; overflow: hidden; }
.menuShadow { position: relative; height: 8px; width: 936px; margin-left: auto; margin-right: auto; background: url(/Site/Themes/SRK/Images/menuShadow.png) no-repeat; }

.contentContainer { position: relative; width: 936px; margin: 0 auto 0 auto; padding: 0; }
.contentInnerMiddle { position: relative; padding: 15px 30px 15px 30px; margin: 0; }
.contentInnerLeftSmall { position: relative; width: 670px; margin: 0 auto 0 auto; padding: 0 10px 0 10px; }
.contentPuff { position: relative; padding: 0; margin: 0; min-height: 120px; _height: 120px; /* IE6 hack */ }
.contentPuff p { line-height: 19px; }

.puffToplist { width: 210px; float: right; min-height: 500px; _height: 500px; padding: 0; margin: 0; }
.puffBig { width: 100%; float: left; padding: 0; margin: 0; }
.puffBig img { max-width: 670px; _width: 670px; }
.puffMedium { width: 440px; float: left; min-height: 350px; _height: 350px; padding: 0; margin: 0; }
.puffMedium img { max-width: 440px; _width: 440px; }
.puffSmall { width: 210px; float: left; min-height: 350px; _height: 350px; padding: 0; margin: 0; }
.puffSmall img { max-width: 210px; _width: 210px; }

.contentPuffContainer { position: relative; padding: 0; margin: 0 0 30px 0; }
.contentPuffText { padding: 0 7px 7px 7px; margin: 0; }
.contentPuffCornerContainer { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 4px; overflow: hidden; padding: 0; margin: 0; }
.contentPuffCornerLeft { position: relative; float: left; width: 4px; height: 4px; background: url(/Site/Themes/SRK/Images/cornerContentPuffLeft.png) no-repeat; overflow: hidden; padding: 0; margin: 0; }
.contentPuffCornerRight { position: relative; float: right; width: 4px; height: 4px; background: url(/Site/Themes/SRK/Images/cornerContentPuffRight.png) no-repeat; overflow: hidden; padding: 0; margin: 0; }

.startBigBookInfo { position: relative; float: left; width: 390px; padding: 20px 0 15px 20px; }

.bookPageLeft { position: relative; width: 200px; float: left; }
.bookPageRight { position: relative; width: 250px; float: right; margin-right: 5px; }
.bookPageInfo { position: relative; width: 100%; background: #f5f3f6; margin: 40px 0 0 0; }

.generalContrastGreyInner { padding: 15px 15px 15px 15px; line-height: 18px; }
.generalContrastGreyHead { position: relative; width: 100%; background: url(/Site/Themes/SRK/Images/bgContentPuffHead.png) repeat-x; height: 24px; color: #fff; line-height: 24px; }
.generalContrastGreyBox { position: relative; width: 100%; background: #f5f3f6; margin: 0 0 20px 0; overflow: hidden; }

.bookPageButtons { position: relative; float: left; margin: 15px 10px 0 0; width: 45px; text-align: center; }

.priceBox { position: relative; width: 185px; margin: 20px 0 15px 0; background: url(/Site/Themes/SRK/Images/bgPricePuff.png) repeat-x; }
.priceBoxInner { position: relative; padding: 12px; color: #fff; }
.priceBoxInner h2 { color: #fff; }

.priceBoxMainbook { position: relative; width: 185px; margin: 20px 0 15px 0; background: url(/Site/Themes/SRK/Images/bgPricePuffMainbook.png) repeat-x; }
.priceBoxMainbookInner { position: relative; padding: 12px; color: #000; }
.priceBoxMainbookInner h2 { color: #000; }

.gradeBox { position: relative; width: 100%; background: url(/Site/Themes/SRK/Images/bgTabs.png) right top no-repeat; margin: 30px 0 30px 0; }
.gradeBoxInner { position: relative; padding: 25px 14px 0 14px; }
.gradeBoxActive { position: relative; float: left; height: 31px; width: 119px; background: url(/Site/Themes/SRK/Images/tabActive.png) no-repeat; text-align: center; }
.gradeBoxInactive { position: relative; float: left; height: 31px; width: 93px; background: url(/Site/Themes/SRK/Images/tabInactive.png) no-repeat; text-align: center; }
.gradeStar { margin: 0 0 0 1px; vertical-align: middle; }
.gradeBoxActiveItem { margin: 11px 0 0 0; }
.gradeBoxInactiveItem { margin: 12px 0 0 0; }
.gradeBoxActualgrade { position: relative; float: left; height: 31px; width: 160px; margin: 0 0 0 10px; line-height: 31px; text-align: center; }

.greyFullDivider { position: relative; width: 100%; height: 1px; font-size: 0; line-height: 0; margin: 5px 0 5px 0; background: url(/Site/Themes/SRK/Images/1x1grey.png) center left repeat-x; }

/* Puff Högerkolumnen */

.rightPuff { position: relative; width: 190px; margin-right: auto; margin-left: auto; margin-top: 10px; background: url(/Site/Themes/SRK/Images/bgRightPuff.png) repeat-y; }
.rightPuffInner { position: relative; padding: 0 15px 0 15px; }
.rightPuffHead { position: relative; height: 22px; width: 173px; padding: 3px 0 0 17px; color: #fff; font-size: 14px; background: url(/Site/Themes/SRK/Images/bgRightPuffTop.png) no-repeat; }

/* Puff vänsterkolumnen */
.leftPuff { position: relative; float: left; width: 186px; margin-bottom: 10px; margin-left: -4px; background: url(/Site/Themes/SRK/Images/bgLeftPuff.png) repeat-y; }
.leftPuffInner { position: relative; padding: 0 15px 0 15px; }
.leftPuffHead { position: relative; height: 22px; padding: 3px 0 0 17px; color: #fff; font-size: 14px; background: url(/Site/Themes/SRK/Images/bgLeftPuffTop.png) no-repeat; }

.leftMenu { position: relative; width: 178px; float: left; margin: 5px 4px 0 0; }
.leftMenuItem { position: relative; width: 178px; height: 31px; margin: 1px 0 0 0; background: #edebee; }
.leftMenuItemMarked { position: relative; width: 178px; height: 31px; margin: 1px 0 0 0; background: url(/Site/Themes/SRK/Images/bgLeftMenuMarked.png) no-repeat; }

.leftBreadcrumbs { position: relative; width: 528px; height: 34px; line-height: 28px; margin-left: auto; margin-right: auto; background: url(/Site/Themes/SRK/Images/bgLeftBreadcrumbs.png) center bottom no-repeat; }

.breadCrumbsGeneral { position: relative; height: 34px; margin: 0 10px 0 10px; background: url(/Site/Themes/SRK/Images/bgBreadCrumbs.png) repeat-x; }
.breadCrumbsLeft { position: absolute; top: 0px; left: 0px; height: 34px; width: 75px; background: url(/Site/Themes/SRK/Images/breadCrumbLeft.png) no-repeat; }
.breadCrumbsRight { position: absolute; top: 0px; right: 0px; height: 34px; width: 75px; background: url(/Site/Themes/SRK/Images/breadCrumbRight.png) no-repeat; }
.breadCrumbsText { position: absolute; left: 24px; top: 7px; }

.bookListItem { position: relative; padding: 20px 0 20px 0; width: 100%; }
.bookListText { margin: 5px 0 5px 0; }
.bookListCover { position: relative; width: 100px; float: left; }
.bookListInfo { position: relative; width: 385px; float: left; }

.cartHeader { position: relative; width: 100%; height: 35px; margin: 30px 0 10px 0; background: url(/Site/Themes/SRK/Images/bgCartHeader.png) repeat-x; }
.cart01 { position: relative; float: left; width: 70px; text-align: center; }
.cart02 { position: relative; float: left; padding: 0 0 0 15px; width: 280px; }
.cart03 { position: relative; float: left; width: 115px; }
.cart04 { position: relative; float: left; width: 60px; }
.cart05 { position: relative; float: left; width: 100px; text-align: right; }
.cartItem { position: relative; width: 100%; padding: 10px 0 0 0; }
.cartPriceBox { position: relative; width: 100%; background: #f5f3f6; margin: 10px 0 30px 0; }
.cartPriceBoxInner { position: relative; padding: 20px; text-align: right; }

.tipBookItem { position: relative; width: 115px; float: left; margin: 0 10px 0 10px; text-align: center; }

.tipBobble { position: relative; width: 151px; background: #b50d70; }
.tipBobbleInner { position: relative; padding: 20px 13px 20px 13px; }

.bulletList { position: relative; float: left; width: 225px; margin: 0 10px 0 0; }

.bottom { padding: 20px 0 35px 0; }
.bottom a { color: #222; }

.mainBookLeft { position: relative; width: 250px; float: left; }
.mainBookRight { position: relative; width: 405px; float: right; }

.funcButton { margin: 0 0 3px 0; }

.floatLeft { position: relative; float: left; }
.floatRight { position: relative; float: right; }
.clear { clear: both; font-size: 0; line-height: 0; }

.toplistNumber { margin: 5px 5px 0 0; }

.indent15 { margin-left: 15px; }
.indent20 { margin-left: 20px; }
.indent30 { margin-left: 30px; }

p.ingress { font-size: 14px; margin: 15px 0 15px 0; }

.titel { font-size: 14px; }

.white { color: #fff; }
.contrast { color: #ed0677; }
.red { color: #ff0000; }

/***** Ändrat och nytt 2008-03-02 ******/

.contentMiddle3Column { position: relative; float: left; width: 548px; background: url(/Site/Themes/SRK/Images/bgContentLeft548.png) repeat-y; _margin-left: -4px; /* for IE6 */ }
.contentRight { position: relative; float: right; width: 202px; background: #eceaed; margin-top: 6px; }
.contentMiddleTop { position: relative; width: 100%; height: 15px; background: url(/Site/Themes/SRK/Images/bgContentMiddleTop.png) repeat-x; line-height: 0; font-size: 0; }
.contentMiddleBottom { position: relative; width: 100%; height: 15px; background: url(/Site/Themes/SRK/Images/bgContentMiddleBottom.png) repeat-x; line-height: 0; font-size: 0; _left: 7px; /* IE6 hack */ }
.contentMiddleTopCornerUpLeft { position: absolute; top: 0px; left: 0px; width: 15px; height: 15px; background: url(/Site/Themes/SRK/Images/cornerUpLeft.png) no-repeat; }
.contentMiddleTopCornerUpRight { position: absolute; top: 0px; right: 0px; width: 15px; height: 15px; background: url(/Site/Themes/SRK/Images/cornerUpRight.png) no-repeat; }
.contentMiddleTopCornerDownLeft { position: absolute; bottom: 0px; left: 0px; width: 15px; height: 15px; background: url(/Site/Themes/SRK/Images/cornerDownLeft.png) no-repeat; _margin-bottom: -1px; /* IE6 hack */ }
.contentMiddleTopCornerDownRight { position: absolute; bottom: 0px; right: 0px; width: 15px; height: 15px; background: url(/Site/Themes/SRK/Images/cornerDownRight.png) no-repeat; _margin-bottom: -1px; /* IE6 hack */ }
.contentMiddleDivider { position: relative; width: 100%; background: url(/Site/Themes/SRK/Images/bgContentDivider.png) repeat-x; height: 15px; }
.contentMiddleDividerRight { position: absolute; top: 0px; right: 0px; width: 15px; height: 15px; background: url(/Site/Themes/SRK/Images/contentMiddleDividerRight.png) no-repeat; }
.contentMiddleDividerLeft { position: absolute; top: 0px; left: 0px; width: 15px; height: 15px; background: url(/Site/Themes/SRK/Images/contentMiddleDividerLeft.png) no-repeat; }

.generalDividerWShadow { position: relative; width: 100%; background: url(/Site/Themes/SRK/Images/bgDivider.png) repeat-x; height: 19px; margin: 15px 0 15px 0; }
.generalDividerWShadowLeft { position: absolute; left: 0px; top: 0px; background: url(/Site/Themes/SRK/Images/dividerLeft.png) no-repeat; height: 19px; width: 87px; }
.generalDividerWShadowRight { position: absolute; right: 0px; top: 0px; background: url(/Site/Themes/SRK/Images/dividerRight.png) no-repeat; height: 19px; width: 87px; }

.menuRight { position: absolute; right: 0px; top: 0px; height: 35px; width: 13px; background: url(/Site/Themes/SRK/Images/menuEndRight.png) no-repeat; overflow: hidden; }
.menuDividerOne { position: relative; float: left; width: 1px; height: 35px; background: url(/Site/Themes/SRK/Images/menuDividerOne.png) no-repeat; }
.menuDividerTwo { position: relative; float: left; width: 1px; height: 35px; background: url(/Site/Themes/SRK/Images/menuDividerTwo.png) no-repeat; }
.menuItem { position: relative; float: left; }
.menuItemInner { position: relative; float: left; padding: 10px 15px 0 17px; }
.menuItemMarked { position: relative; float: left; }
.menuItemMarkedInner { position: relative; float: left; background: url(/Site/Themes/SRK/Images/bgMenuMarked.png) repeat-x; height: 25px; padding: 10px 15px 0 17px; }
.menuItemMarkedLeft { position: relative; float: left; width: 1px; height: 35px; background: url(/Site/Themes/SRK/Images/menuDividerLeftMarked.png) no-repeat; }
.menuItemMarkedRight { position: relative; float: left; width: 1px; height: 35px; background: url(/Site/Themes/SRK/Images/menuDividerRightMarked.png) no-repeat; }
.menuItemMarkedHaxx { position: absolute; top: 0px; left: -1px; width: 1px; height: 35px; background: url(/Site/Themes/SRK/Images/menuDividerTwo.png) no-repeat; }

.leftMenuItemSubMenu { position: relative; width: 178px; height: 31px; margin: 0; }

a.leftSubMenuOff { text-decoration: none; color: #202020; line-height: 32px; margin-left: 14px; }
a.leftSubMenuOn { text-decoration: none; color: #ed0677; line-height: 32px; font-weight: bold; margin-left: 14px; }
a.leftSubMenuOff:hover { text-decoration: underline; }
a.leftSubMenuOn:hover { text-decoration: underline; }

/* NEW 2009-03-09 */
.boxShadow { position: relative; height: 8px; width: 936px; margin-left: auto; margin-right: auto; background: url(/Site/Themes/SRK/Images/boxShadow.png) repeat-x; }

.authorBoxPic { position: relative; padding: 0 20px 0 0; float: left; width: 125px; }
.authorBoxInfo { position: relative; float: left; width: 300px; }

.boxTitle { position: relative; float: left; width: 210px; }
.boxPrice { position: relative; float: right; width: 75px; text-align: right; }
.boxTipBookItem { position: relative; width: 90px; float: left; margin: 0 10px 10px 10px; text-align: center; }

.lookedAt { position: relative; width: 100%; }
.lookedAtTop { position: relative; height: 37px; width: 100%; background: url(/Site/Themes/SRK/Images/bgLookedTop.png) repeat-x; }
.lookedAtTopLeft { position: absolute; top: 0px; left: 0px; width: 15px; height: 37px; background: url(/Site/Themes/SRK/Images/lookedTopLeft.png) no-repeat; }
.lookedAtTopRight { position: absolute; top: 0px; right: 0px; width: 15px; height: 37px; background: url(/Site/Themes/SRK/Images/lookedTopRight.png) no-repeat; }
.lookedAtHeader { position: relative; padding: 12px 0 0 0; }
.lookedAtInner { position: relative; padding: 15px 20px 15px 30px; }

.contentMiddleTopDividerDownLeft { position: absolute; bottom: 0px; left: 0px; width: 15px; height: 15px; background: url(/Site/Themes/SRK/Images/cornerDividerLeft.png) no-repeat; _margin-bottom: -1px; /* IE6 hack */ }
.contentMiddleTopDividerDownRight { position: absolute; bottom: 0px; right: 0px; width: 15px; height: 15px; background: url(/Site/Themes/SRK/Images/cornerDividerRight.png) no-repeat; _margin-bottom: -1px; /* IE6 hack */ }

.dividerVertical { position: relative; width: 12px; height: 172px; float: left; background: url(/Site/Themes/SRK/Images/bgDividerVertical.png) no-repeat; }

.flashScroller3 { position: relative; float: left; width: 357px; margin: 0 0 0 5px; }
.flashScroller4 { position: relative; float: left; width: 538px; margin: 0 0 0 5px; }

.topListPlace { margin: 0 5px 0 0; }

.bookListCoverBig { position: relative; width: 160px; float: left; }
.bookListInfoBig { position: relative; width: 325px; float: left; }

.contentMiddle2column { position: relative; float: left; width: 730px; margin: 0; padding: 0; background: url(/Site/Themes/SRK/Images/bgContentMiddle730.png) repeat-y; _margin-right: -20px; /* IE6 hack */ }

.lineheightDouble { line-height: 24px; }
.lineheightMedium { line-height: 21px; }

.alertBox { position: absolute; width: 245px; font-size: 0; border: solid 1px #ed0677; background: #fff; }
.alertBoxInner { position: relative; font-size: 12px; padding: 10px; }
.alertBoxHidden { display: none; }

.svarskortBox { position: relative; width: 100%; background: #ffe2ef; }
.svarskortBoxInner { position: relative; padding: 40px; }
.svarskortBottom { position: relative; width: 100%; height: 29px; line-height: 0; background: url(/Site/Themes/SRK/Images/svarskortBottom.png) no-repeat; }

.generalContrastWhiteBox { position: relative; width: 100%; background: #fff; margin: 20px 0 20px 0; overflow: hidden; }
.generalContrastWhiteHead { position: relative; width: 100%; background: url(/Site/Themes/SRK/Images/bgContentPuffHead.png) repeat-x; height: 24px; color: #fff; line-height: 24px; }
.generalContrastWhiteInner { padding: 15px 20px 15px 20px; line-height: 18px; }

.mypageInfoLeft { position: relative; width: 110px; float: left; height: 23px; text-align: right; }
.mypageInfoRight { position: relative; width: 335px; float: left; line-height: 24px; margin: 0; padding: 0; margin: 0 0 0 8px; }

.contantInfoBox { position: relative; padding: 20px; background: #fff; }
.contantInfoBox p { margin: 0; }

.shoppingCart { position: absolute; top: 14px; right: -1px; width: 410px; height: 46px; background: url(/Site/Themes/SRK/Images/bgTopCart.jpg) no-repeat; }

.categoryBoxOne { position: relative; width: 121px; margin: 30px 30px 10px 0; float: left; }
.categoryBoxTwo { position: relative; width: 121px; margin: 30px 30px 10px 30px; float: left; }
.categoryBoxThree { position: relative; width: 121px; margin: 30px 0 10px 30px; float: left; }
.categoryBoxBook { position: relative; padding: 0 0 15px 0; }

#backgroundPopup { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #000000; border: 1px solid #cecece; z-index: 100; _position: absolute; /* IE6 hack */ }
#popupContainer { display: none; position: fixed; background: #fff; border: 15px solid #fff; z-index: 101; padding: 12px; font-size: 13px; width: 400px; _position: absolute; /* IE6 hack */ }
#popupContent p { margin: 5px 0 0 0; }
#popupContent ul {padding:0px 0px 0px 10px; margin:0px; }
#popupContent ul li {margin-left:10px;padding:3px 0px;}

/****************************************************/

#backgroundPopup2 { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #000000; border: 1px solid #cecece; z-index: 102; _position: absolute; /* IE6 hack */ }
#popupContainer2 { display: none; position: fixed; background: #fff; border: 15px solid #fff; z-index: 103; padding: 12px; font-size: 13px; width: 300px; _position: absolute; /* IE6 hack */ }

/****************************************************/

.hidden { display: none; }
.visible { display: block; }

.no-decoration { text-decoration: none; }

.validator-text { font-size: 18px; color: #ff0000; vertical-align: text-top; }

#cartAlertText { font-weight: bold; }

.themePuffLarge { position: relative; float: left; width: 488px; }
.themePuff { position: relative; float: left; margin: 20px 0 0 0; width: 230px; }
.themeArticle { position: relative; float: left; margin: 0 0 20px 0; width: 230px; }

.faq_question { margin: 5px 0 5px 0; }
.faq_answer { margin: 5px 0 5px 0; line-height: 20px; }

.orderForm { position: relative; float: left; width: 670px; margin: 0; padding: 20px 20px 20px 20px; background-color: Olive; }
.orderFormBoxTipBookItem { position: relative; width: 150px; float: left; margin: 0; text-align: center; }

/* Start Kampanj */
#bodyCampaign { margin: 0 0 50px 0; font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-size: 12px; color: #222; background: url(/Site/Themes/SRK/Images/bgMainCampaign.png) #fdbad7 repeat-x; overflow-x: hidden; }
#campaignTop { position: relative; width: 1154px; height: 71px; margin-left: auto; margin-right: auto; }
#siteContainerCampaign { position: relative; background: url(/Site/Themes/SRK/Images/bgContent.png) top center repeat-y; width: 1154px; min-height: 1066px; _height: 1066px; /* IE6 hack */ }
#campaignContainerLeft { position: relative; float: left; width: 520px; margin: 20px; min-height: 1200px; _height: 1200px; /* IE6 hack */ }
#campaignContainerRight { position: relative; float: right; width: 330px; margin: 20px; background-color: #f5f5f5; background-image: url(/Site/Themes/SRK/Images/campaignBottomBG.gif); background-repeat: no-repeat; background-position: bottom; min-height: 1200px; _height: 1200px; /* IE6 hack */ }
.campaignBookContainer { position: relative; float: left; width: 155px; min-height: 235px; _height: 235px; /* IE6 hack */ background-image: url(/Site/Themes/SRK/Images/campaignBookBG.png); background-repeat: no-repeat; background-position: bottom; margin-top: 20px; }
.mandatory { font-family: Arial; font-size: 18px; font-weight: bold; color: #ff0000; }
/* Slut Kampanj */

.checkoutInfoLeft { position: relative; width: 110px; float: left; height: 23px; text-align: right; line-height: 24px; }
.checkoutInfoRight { position: relative; width: 210px; float: left; line-height: 24px; margin: 0; padding: 0; margin: 0 0 0 8px; }

/* Åtagande */
ul.commitments { margin: 0 0 10px 15px; padding: 0; }
ul.commitments li { }

/* XForms */
table#id_matrix { width: 100%; }
table#id_matrix tr { }
table#id_matrix td { margin-top: 5px; width: 50%; }
table#id_matrix span.xformvalidator { display: block; margin-left: 5px; margin-top: 5px; color: Red; width: 50%; }
table#id_matrix input[type=text] { width: 95%; height: 18px; background: #ffffff url(/Site/Themes/SRK/Images/bgInputGeneral.png) no-repeat; padding: 5px 0 0 7px; margin: 3px 0 7px 0; border: 0; font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-size: 12px; color: #222222; }
table#id_matrix input[type=submit] { font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-size: 12px; }
table#id_matrix textarea { width: 100%; background: #ffffff url(/Site/Themes/SRK/Images/bgTextareaGeneral.png) no-repeat; padding:5px 0 0 7px; margin:3px 0 7px 0; border:0; font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-size:12px; color:#222222; }
table#id_matrix select { background: #ffffff url(/Site/Themes/SRK/Images/bgInputGeneral.png) no-repeat; margin: 3px 0 7px 0; border: 0; font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-size: 12px; color: #222222; }
table#id_matrix fieldset { border: 0; margin: 0; padding: 0; }

/* DIBS */
iframe.dibsframe { border: solid 1px #f5f3f6; }

/* NYTT 2009-08-24 */
.whiteMessageRow { background:#fff; padding:3px 5px 3px 5px; margin:0 0 1px 0; }

.messagesMessage { float:left; width:230px; padding:3px 0 0 0; overflow:hidden; }
.messagesStatus { float:left; width:90px; padding:3px 0 0 0; overflow:hidden; }
.messagesDatum { float:left; width:100px; padding:3px 0 0 0; overflow:hidden; }
.messagesFirst { padding:0; }

/* NYTT 2009-08-25 */
.soundBox { position: relative; width: 185px; margin: 20px 0 15px 0; }
.soundBoxInner { position: relative; padding: 12px; background: #fdbad7; color: #000; }
.bookButtonsBox { position: relative; width: 185px; margin: 10px 0 15px 0; }
.bookButton { position: relative; float: left; width: 55px; margin: 5px 5px 0 0; }

/* Start - Mediabox */
#mediaBoxBackground { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #000000; border: 1px solid #cecece; z-index: 103; _position: absolute; /* IE6 hack */ }
#mediaBoxContainer { display: none; position: fixed; background: #fff; border: 15px solid #fff; z-index: 104; padding: 5px 12px 12px 12px; font-size: 13px; width: 500px; height: 430px; _position: absolute; /* IE6 hack */ }
#mediaBoxClose { position: relative; float: right; }
#mediaBoxTipAFriendOutput { margin: 5px; width: 500px; height: 200px; }
#mediaBoxTipAFriend { margin: 5px; width: 500px; height: 200px; }
#mediaBoxTextContent { overflow: scroll; width: 500px; height: 400px; margin: 5px; }
#mediaBoxImageContent { margin: 0 auto 0 auto; text-align: center; vertical-align: middle; }
#mediaBoxImageContent #mediaBoxImage { padding: 0; margin: auto; text-align: center; vertical-align: middle; }
#mediaBoxFileMovieContent { background-color: #fdb9d7; width: 654px; height: 400px; margin: auto; text-align: center; vertical-align: middle; }
#mediaBoxWebMovieContent { background-color: #fdb9d7; width: 654px; height: 400px; margin: auto; padding-top: 15px; text-align: center; vertical-align: middle; }
#mediaBoxNavigation { position:absolute; bottom: 0; margin: 5px 0 0 0; float: left; width: 250px; }
/* End - Mediabox */