/* BASICS */

* { padding: 0; margin: 0; }

html, body, .framework { height: 100%; }
body > .framework { height: auto; }

a { color: #d81920; text-decoration: none; }

body { font-family: Tahoma, Verdana, Sans-serif; font-size: 11px; color: #333333; text-align: center; background: #d4d4d4; margin: 0; padding: 0; }

img { border: 0; }

/* FRAMEWORK */

.framework { position: relative; text-align: left; min-height: 100%; margin: 0 auto; padding: 0; width: 964px; text-align: left; background-image: url(/images/shadow.gif); background-position: top left; background-repeat: repeat-y; /*display: table;*/ }

* html .framework { height: 100%; }

.container { position: relative; width: 958px; }

/* CONTAINER */

#header { position: relative; width: 938px; height: 115px; background-color: #d81920; margin: 0 13px 1px 13px; }

#header h1 { display: none; }

#header p.payoff { display: none; }

#header img.logo { position: absolute; top: 32px; left: 20px; }

#header img.cornerBottomLeft { position: absolute; bottom: 0; left: 0; }

#header img.cornerBottomRight { position: absolute; bottom: 0; right: 0; }

#header div.address { font-size: 10px; width: 200px; color: #ffffff; font-size: 10px; position: absolute; top: 25px; right: 35px; }

#header div.address a { color: #ffffff; }

#header div.push { font-size: 10px; width: 200px; color: #ffffff; font-size: 10px; position: absolute; top: 25px; right: 270px; }


/* CONTAINER - MENU */

#menu { clear: both; position: relative; width: 938px; height: 34px; border-bottom: 1px solid #a9a9a9; margin: 0 13px 30px 13px; }

#menu ul { width: 938px; height: 34px; list-style: none; }

#menu ul li { float: left; margin: 4px 0 0 0; position: relative; vertical-align: middle; line-height: 1.6em; }

#menu ul li img { position: absolute; top: 4px; right: 0; }

#menu ul li a { line-height: 1.8em; font-family: Georgia; font-size: 13px; color: #333333; text-decoration: none; margin: 0 19px 0 18px; }

#menu ul li a.active { font-family: Georgia; font-size: 13px; color: #a20101; text-decoration: none; margin: 0 19px 0 18px; }

#submenu { clear: both; position: relative; width: 938px; height: 34px; border-bottom: 1px solid #a9a9a9; margin: 0 13px 30px 13px; }

/* CONTENT */

#content { clear: both; position: relative; width: 938px; margin: 0 13px 30px 13px; }

/* LEFT */

#content .left { float: left; width: 681px; padding: 0 8px 0 0; border-right: 1px solid #d4d4d4; display: table; }

#content .left .text { clear: both; padding: 0 0 10px 0; }

#content .left .header { clear: both; padding: 0 0 30px 0; border-bottom: 1px solid #d4d4d4; }

/* LEFT - HEADER */

#content .left .header h1 { font-family: Georgia; font-size: 22px; font-weight: normal; color: #b00000; margin: 10px 10px 5px 10px; }

#content .left .header p { font-family: Tahoma; font-size: 11px; font-weight: normal; text-decoration: none; color: #333333; margin: 5px 10px 10px 10px; }


/* LEFT - TEXT */

#content .left .text h1 { font-family: Georgia; font-size: 22px; font-weight: normal; color: #b00000; margin: 10px 10px 0px 10px; }

#content .left .text h2 { font-family: Georgia; font-size: 18px; font-weight: normal; color: #b00000; margin: 10px 10px 5px 10px; }

#content .left .text p { font-family: Tahoma; font-size: 11px; font-weight: normal; text-decoration: none; color: #333333; margin: 5px 10px 10px 10px; }

/* LEFT - TEXT SUBMENU */

#content .text ul.submenu { margin: 0 0 0 5px; width: 600px; height: 24px; list-style: none; }

#content .text ul.submenu li { float: left; margin: 4px 0 0 0; position: relative; vertical-align: middle; line-height: 1.2em; border-right: 1px solid #d4d4d4; }

#content .header ul.submenu li.last { border-right: none; }

#content .text ul.submenu li a { line-height: 1.2em; font-family: Tahoma; font-size: 11px; color: #d81920; text-decoration: none; margin: 0 5px 0 5px; }

#content .text ul.submenu li a:hover { line-height: 1.2em; font-family: Tahoma; font-size: 11px; color: #d81920; text-decoration: none; margin: 0 5px 0 5px; }

#content .text ul.submenu li a.selected { line-height: 1.2em; font-family: Tahoma; font-size: 11px; color: #333333; text-decoration: none; margin: 0 5px 0 5px; }

#content .text ul.submenu li a.selected:hover { line-height: 1.2em; font-family: Tahoma; font-size: 11px; color: #333333; text-decoration: none; margin: 0 5px 0 5px; }

/* LEFT - TEXT - PAGING */

#content .text ul.paging { margin: 5px 0 0 5px; width: 600px; height: 24px; list-style: none; font-weight: normal; }

#content .text ul.paging li { float: left; margin: 0 0 0 0; position: relative; vertical-align: middle; line-height: 1.2em; border-right: 1px solid #d4d4d4; }

#content .text ul.paging li.last { border-right: none; }

#content .text ul.paging li strong { line-height: 1.2em; font-family: Tahoma; font-size: 11px; color: #333333; text-decoration: none; margin: 0 5px 0 5px; }

#content .text ul.paging li a { line-height: 1.2em; font-family: Tahoma; font-size: 11px; color: #d81920; text-decoration: none; margin: 0 5px 0 5px; }

#content .text ul.paging li a:hover { line-height: 1.2em; font-family: Tahoma; font-size: 11px; color: #d81920; text-decoration: underline; margin: 0 5px 0 5px; }

#content .text ul.paging li a.selected { line-height: 1.2em; font-family: Tahoma; font-size: 11px; color: #333333; text-decoration: none; margin: 0 5px 0 5px; }

#content .text ul.paging li a.selected:hover { line-height: 1.2em; font-family: Tahoma; font-size: 11px; color: #333333; text-decoration: underline; margin: 0 5px 0 5px; }

/* RIGHT */

#content .right { float: right; width: 240px; margin: 0 0 0 8px; display: table; }

#content .right .item { width: 240px; border-bottom: 1px solid #d4d4d4; padding-bottom: 7px; clear: both; }

#content .right .item h4 { font-family: Georgia,Serif; font-size: 17px; font-weight: normal; color: #d81920; margin: 13px 0 6px 0; }

#content .right .item p { margin: 7px 0 7px 0; }

#content .right .freetext { width: 240px; padding-bottom: 7px; clear: both; }

#content .right .toplist { position: relative; clear: both; height: 225px; }

#content .right .toplist h4 { font-family: Georgia,Serif; font-size: 17px; font-weight: normal; color: #d81920; margin: 13px 0 6px 0; }

/* RIGHT NEWS */

#content .right .item ul.news { list-style-type: none; }

#content .right .item ul.news li { margin: 0 0 10px 0; color: #333333; }

#content .right .item ul.news li a { color: #d81920; text-decoration: none; }

/* SÖK */

input.searchText { margin: auto 0; width: 162px; height: 15px; border: 1px solid #d4d4d4; }

input.searchButton { margin: 0 0 -5px 0; border: 0; }

/* KUNDVAGN */

select.checkoutDropdown { font-size: 11px; margin: 0; width: 162px; border: 1px solid #d4d4d4; }

img.checkoutButton { margin: 0 0 -4px 0; }

/* BOOKS */

.books { clear: both; }

/* BOOK */

div.book { }

div.book div.cover { float: left; width: 160px; padding: 10px; }

div.book div.cover img { width: 140px; height: auto; border: 1px solid #e3e3e3; }

div.book div.cover a.button img { width: 59px; height: 22px; border: none; }

div.book div.cover p { margin: 1px 0 7px 0; }

div.book div.cover ul { border: 1px solid #e3e3e3; list-style-type: none; width: 140px; }

div.book div.cover ul li { margin: 3px; }

div.book div.text { float: right; width: 500px; padding: 10px; }

div.book div.text h2 { clear: both; font-family: Georgia; font-size: 22px; font-weight: normal; color: #b00000; margin: 10px 0 5px 10px; }

div.book div.text p { clear: both; font-family: Tahoma; font-size: 11px; font-weight: normal; text-decoration: none; color: #333333; margin: 1px 0 7px 10px; }

div.book div.text .smallAuthor { float: left; margin: 10px; }

div.book div.text p a.author { font-family: Tahoma; font-size: 15px; font-weight: normal; text-decoration: none; color: #333333; }

H3.subTitle {color: #B00000; font-size: 15px; font-weight: normal; margin-left: 10px; }

/* BOOK SMALL */

div.bookSmall { background-image: url(/images/smallBookBg.jpg); background-position: top left; background-repeat: no-repeat; float: left; width: 331px; }

div.bookSmall img.cover { float: left; margin: 10px; width: 80px; border: 1px solid #e3e3e3; }

div.bookSmall h3{ float: right; width: 220px; font-family: Tahoma; font-size: 15px; font-weight: normal; margin: 10px 0 0 0; }

div.bookSmall h3 a { text-decoration: none; color: #333333; }

div.bookSmall p { float: right; width: 220px; font-family: Tahoma; font-size: 11px; font-weight: normal; color: #555555; margin: 1px 0 7px 0; }

div.bookSmall span.author { color: #333333; }

div.bookSmall span.author a { color: #d81920; }

/* BOOK SMALLWIDE */

div.bookWide { clear: both; height: auto; position: relative; background-image: url(/images/smallBookBg.jpg); background-position: top left; background-repeat: no-repeat; width: 681px; }

div.bookWide div.content { float: left; width: 420px; }

div.bookWide div.buttons { margin: 0 0 0 20px; float: left; width: 145px; }

div.bookWide div.buttons p { margin: 30px 0 0 0; }

div.bookWide div.price { margin: 0 0 0 0; float: left; width: 85px; }

div.bookWide div.price p { margin: 40px 0 0 0; }

div.bookWide div.content img.cover { float: left; margin: 10px; width: 45px; border: 1px solid #e3e3e3; }

div.bookWide div.content h3 { float: right; width: 350px; font-family: Tahoma; font-size: 15px; font-weight: normal; margin: 10px 0 0 0; }

div.bookWide div.content h3 a { text-decoration: none; color: #333333; }

div.bookWide div.content p { float: right; width: 350px; font-family: Tahoma; font-size: 11px; font-weight: normal; color: #555555; margin: 1px 0 7px 0; }

div.bookWide div.content span.author { color: #333333; }

div.bookWide div.content span.author a { color: #d81920; }
 
/* LEFT - GENERAL CONTENT */

div.generalContent h2 { font-family: Georgia; font-size: 22px; font-weight: normal; color: #b00000; margin: 10px 0 5px 0; }

div.generalContent p { font-family: Tahoma; font-size: 11px; font-weight: normal; text-decoration: none; color: #333333; margin: 1px 0 7px 0; }

/* LEFT - NOTISER */

div.left ul.notiser { list-style-type: none; display: block; }

div.left ul.notiser li { }

div.left ul.notiser li h3 { font-family: Tahoma; font-size: 15px; font-weight: normal; width: 500px; margin: 10px 0 5px 0; }

div.left ul.notiser li p { font-family: Tahoma; font-size: 11px; font-weight: normal; text-decoration: none; color: #555555; width: 500px; margin: 1px 0 7px 5px; }

.footermargin { position: relative; height: 71px; clear: both; }

.footer { position: absolute; bottom: 0; left: 13px; width: 938px; height: 41px; }

.footer .red { position: relative; width: 938px; height: 11px; background: #d81920; }

.footer .content { position: relative; border-top: 1px solid #e3e3e3; width: 938px; height: 30px; clear: both; }

.footer .content .text { position: absolute; width: 600px; height: 30px; top: 4px; left: 13px; }

.footer .content .text a { color: #b00000; text-decoration: none; }

.footer .content .cookie { position: absolute; text-align: right; width: 100px; height: 30px; top: 4px; right: 13px; }

.footer .content .cookie a { color: #b00000; text-decoration: none; }

.footer .red img.cornerTopLeft { position: absolute; top: 0; left: 0; }

.footer .red img.cornerTopRight { position: absolute; top: 0; right: 0; }

/* AUTHORS */

.authors { clear: both; }

/* AUTHOR SMALL */

div.authorSmall { clear: both; height: auto; position: relative; background-image: url(/images/smallBookBg.jpg); background-position: top left; background-repeat: no-repeat; width: 681px; min-height: 160px; _height: 160px; }

div.authorSmall div.content { float: left; width: 470px; color: #555555; }
	
div.authorSmall div.buttons { margin: 0 0 0 20px; float: left; width: 145px; }

div.authorSmall div.buttons p { margin: 30px 0 0 0; }

div.authorSmall div.content img.cover { float: left; margin: 10px; width: 80px; height: auto; border: 1px solid #e3e3e3; }

div.authorSmall div.content h3 { float: right; width: 350px; color: #333333; font-family: Tahoma; font-size: 15px; font-weight: normal; margin: 10px 0 0 0; }

div.authorSmall div.content h3 a { text-decoration: none; color: #333333; }

div.authorSmall div.content p { float: right; width: 350px; font-family: Tahoma; font-size: 11px; font-weight: normal; color: #555555; margin: 1px 0 7px 0; }

/* special ingen bild */

div.authorSmall div.noauthorimage { float: left; width: 470px; font-size: 11px; font-weight: normal; color: #555555; }

div.authorSmall div.noauthorimage h3 { float: left; width: 470px; color: #333333; font-family: Tahoma; font-size: 15px; font-weight: normal; margin: 10px; }

div.authorSmall div.noauthorimage h3 a { text-decoration: none; color: #333333; }

div.authorSmall div.noauthorimage p { float: left; width: 470px; font-family: Tahoma; font-size: 11px; font-weight: normal; color: #555555; margin: 1px 10px 7px 10px; }

/* AUTHOR */

div.author { }

div.author div.cover { float: left; width: 160px; padding: 10px; }

div.author div.cover img { border: 1px solid #e3e3e3; }

div.author div.cover p { margin: 1px 0 7px 0; }

div.author div.text { width: 440px; padding: 10px; }

div.author div.text h1 { font-family: Georgia; font-size: 22px; font-weight: normal; color: #b00000; margin: 10px 0 5px 0; }

div.author div.text h2 { font-family: Georgia; font-size: 15px; font-weight: normal; color: #b00000; margin: 10px 0 5px 0; }

div.author div.text p { font-family: Tahoma; font-size: 11px; font-weight: normal; text-decoration: none; color: #333333; margin: 1px 0 7px 0; }

div.author div.text ul { list-style-type: none; }

div.author div.text ul li { margin: 3px; }

/* special ingen bild */

div.author div.noauthorimage { float: left; width: 580px; padding: 10px; }

div.author div.noauthorimage h1 { font-family: Georgia; font-size: 22px; font-weight: normal; color: #b00000; margin: 10px 0 5px 0; }

div.author div.noauthorimage h2 { font-family: Georgia; font-size: 15px; font-weight: normal; color: #b00000; margin: 10px 0 5px 0; }

div.author div.noauthorimage p { font-family: Tahoma; font-size: 11px; font-weight: normal; text-decoration: none; color: #333333; margin: 1px 0 7px 0; }

div.author div.noauthorimage ul { list-style-type: none; }

div.author div.noauthorimage ul li { margin: 3px; }


/* KASSAN */

.cart { position: relative; width: 681px; }

.cart .item { position: relative; border-top: 1px solid #e3e3e3; width: 681px; height: 30px; }

.cart .item .title { float: left; width: 400px; padding: 5px; }


.cart .item .amount { float: left; width: 70px; padding: 5px; }

.cart .item .price { float: left; width: 70px; padding: 5px; }

.cart .item .button { float: left; padding: 5px; width: 70px; }

/* EXTERNAL LINKS */

.externalLinks { padding: 10px 0; }


.externalLinks ul { list-style-type: none; }

.externalLinks ul li { }

.externalLinks ul li a { color: #d81920; text-decoration: none; }

/* KUND */

.customer { float: left; width: 681px; margin: 10px 0; }

.cleft { float: left; width: 300px; margin: 10px 0; }

.cright { float: right; width: 360px; margin: 10px 0; }

.customer h1 { font-family: Georgia; font-size: 22px; font-weight: normal; color: #b00000; margin: 10px 0 5px 0; }

.customer h2 { font-family: Georgia; font-size: 18px; font-weight: normal; color: #b00000; margin: 10px 0 5px 0; }

.customer p { position: relative; width: 300px; padding: 3px 0 3px 0; }

.customer p .input { position: absolute; right: 0; top: 0; border: 1px solid #d4d4d4; }

.customer .mandatory { color: red; }

.validator { color: red; display: block; width: 300px; }

/* NYHETER */

.news { padding: 10px; }

.news ul { list-style-type: none; }

.news ul li { margin: 3px 0 7px 0; }

.news ul li h2 { font-family: Georgia; font-size: 15px; font-weight: normal; color: #b00000; margin: 10px 0 5px 0; }

/* TOPPLISTAN */

ul.toplist { list-style-type: none; clear: both; }

ul.toplist li { clear: both; height: auto; }

ul.toplist li div.number { height: 21px; width: 21px; float: left; padding: 4px 0 0 0; margin: 4px; color: #fff; text-align: center; background: url(/images/toplist_round.gif); background-repeat: no-repeat; }

ul.toplist li div.title { float: left; width: 190px; padding: 4px 0 0 0; margin: 3px 4px; }

ul.toplist li div.title a { font-size: 12px; color: #333333; }


/* ORDERHISTORY */

.order { position: relative; width: 681px; }

.order .item { position: relative; border-top: 1px solid #e3e3e3; width: 681px; height: 30px; }

.order .item .orderid { float: left; width: 100px; padding: 5px; }

.order .item .date { float: left; width: 100px; padding: 5px; }

.order .item .sum { float: left; width: 100px; padding: 5px; }

.order .item .button { float: left; padding: 5px; width: 100px; }

/* GRIDVIEW CART */

.gridview-cart { margin: 5px; }

/* POPUP */

#popup { margin: 10px 10px 10px 10px; background-color: #ffffff; text-align: left; }

#popup .text { font-family: Tahoma; font-size: 11px; font-weight: normal; text-decoration: none; color: #333333; margin: 10px; }

#popup .text h1 { font-family: Georgia; font-size: 22px; font-weight: normal; color: #b00000; margin: 10px 10px 5px 10px; }

#popup .text h2 { font-family: Georgia; font-size: 18px; font-weight: normal; color: #b00000; margin: 10px 10px 5px 10px; }


#divLargeImage { display: none; position: absolute; top: 10px; left: 10px; }


/*
Hacks and fixes
*/

.wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.wrapper {
    display: inline-block;
}
.hidden {
	display: none;
}

html[xmlns] .wrapper {
    display: block;
}

* html .wrapper {
    height: 1%;
}