/* -------------------------------------------------------------- Boilerplate Screen Styles * Version: 0.5 (2007-11-19) -------------------------------------------------------------- */ @import "lib/reset.css"; @import "lib/typography.css"; @import "lib/plugins/nav.css"; /* Page & Frame -------------------------------------------------------------- */ body { margin:0; padding:0; } html>body { background-color:#ddd; } #page { width: 980px; background-color: #fff; margin-bottom:26px;} html, #left-frame, #right-frame, body, #outer, #fix { height:100% } #page{ height:auto !important; min-height:100%; } #left-frame { margin: 0 auto; width:987px; padding-left:7px; background: transparent url(images/frame/left.png) repeat-y; } #right-frame { width:980px; padding-right:7px; background: transparent url(images/frame/right.png) repeat-y right;} /* Header -------------------------------------------------------------- */ #header { padding:15px 30px 0 30px; background: transparent url(images/header/BG-Publishing.png) no-repeat center 15px; } #header h1 {border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; height:70px; width:257px; text-indent:-1000em; background:url(images/frame/BG-Publishing.png) no-repeat left 15px; margin-bottom:10px;} #header #choose-area { float:right; margin-right:15px; margin-top:25px; } #header #choose-area label { font:11px Arial; } #header #choose-area select { font:11px/21px Arial; width:185px; margin-left:2px; } #header #choose-area .select-replace-cover { background: url(images/header/choose-area-bg.png) no-repeat; height:21px; width: 189px; } #header #choose-area .select-replace { font:11px/20px Arial; color: #313131; padding-left:10px; } /* Body & Cols -------------------------------------------------------------- */ #body { padding:15px 30px 0px 30px; } #cols { padding-bottom:15px;} #left-col { float: left; width: 215px; margin-right: 20px; padding-top:5px; } #mid-col { float: left; width: 450px; margin-right: 20px; padding-top:5px; } #start-col { float: left; width: 685px; margin-right: 20px; padding-top:5px; } #right-col { float: left; width: 215px; } /* Select replace cover ---------------------------------------------------------------*/ .select-replace-cover { display: inline-block; position: relative; top: 0px; left: 0px; z-index: 0; vertical-align: middle; text-align: left; } .select-replace-cover select { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); visibility: visible; position: absolute; top: 0px; left: 0px; display: inline; z-index: 1; } .select-replace { display: block; white-space: nowrap; } /* Search box -------------------------------------------------------------- */ #search-box { margin-bottom:20px; } #search-box h3 { margin:0; font:bold 11px/24px Arial; text-transform:uppercase; padding-left:15px; background: url(images/search/topp-bg.png) no-repeat; color:#fff; } #search-box .select { background: url(images/search/drop-down-bg.png) no-repeat 0 0; border:0; font:11px/21px Arial; height:21px; overflow:hidden; position:absolute; padding:2px 30px 4px 9px; width:154px; } #search-box dl { background-color: #dad3ca; padding:10px 11px; } #search-box label { font:bold 11px Arial; padding-left:4px; } #search-box select { width: 185px; margin-left:4px; font:11px/21px Arial; height:23px; } #search-box .select-replace-cover { background: url(images/search/drop-down-bg.png) no-repeat; height:27px; width:193px; } #search-box .select-replace { font:11px/25px Arial; color: #313131; padding-left:10px; } #search-box .fritext { border:solid 1px #9f9f9f; font:11px/14px Arial; width:180px; margin-left:3px; height:14px; margin-bottom:6px; } #search-box #submitbtn { float:right; font:bold 11px Arial; color:#fff; background: url(images/search/sok-knapp.png) no-repeat; border:0; width:72px; height:30px; padding:0 12px 6px 0; margin-top:0; } #search-box #ext-search dl { padding-top:0; } #search-box #extend-search { font:11px Arial; color:#313131; float:left; background: url(images/books/read-more-arrow-black.png) no-repeat center left; padding-left:8px; width:100px; margin-top:6px; } /* Search result -------------------------------------------------------------- */ .search-result { border-top:solid 2px #c6d29a; padding-top:15px; padding-bottom:9px; background: url(images/books/books-list-bg.gif) no-repeat 0 bottom; margin-bottom:10px; } .search-result h4 { text-transform:uppercase; font:bold 9px Arial; color:#898989; border-bottom:dotted 1px #898989; padding-bottom:5px; margin-bottom:5px; } .search-result h3 { font:normal 15px Arial; color:#678713; margin-bottom:15px;} .search-result p { font:11px Arial; margin-bottom:12px;} span.red { color: #c00000; } strong.red { color: #c00000; margin-bottom: 5px; } strong.regular { font:11px Arial; font-weight: normal; } .green { color: #678713 } .search-result .book-image { width:115px; float:left; padding-left: 15px; } .search-result .book-info { width:305px; float:left; padding-right: 15px; } .search-result .read-more { font:bold 11px Arial; color:#00467d; padding-left:8px; background: url(images/books/read-more-arrow.gif) no-repeat center left; margin-right:12px; line-height:24px;} .search-result .read-interview { font:bold 11px Arial; color:#00467d; padding-left:15px; background: url(images/books/read-interview-icon.png) no-repeat center left; line-height:24px;} .search-result .order-book { font:bold 11px Arial; color:#fff; background: url(images/books/order-book.png) no-repeat center left; width:73px; height:26px; display:block; padding:0 6px 7px 0; border:0;} #search-result-sort { border-bottom:solid 1px #ccc; padding-bottom:7px; } #search-result-sort select { width: 211px; margin-left:2px; font:11px/21px Arial; } #search-result-sort .select-replace-cover { background: url(images/search/search-result-sort-bg.png) no-repeat; width: 215px; } #search-result-sort .select-replace { font:11px/21px Arial; color: #313131; padding-left:10px; } #search-result-left { border-bottom:solid 2px #000; margin-bottom:10px; } #search-result-left a { font:11px Arial; color:#313131; display:block; padding-left:8px; background: url(images/books/read-more-arrow.gif) no-repeat left 6px; line-height:20px; border-bottom:solid 1px #eee; } #search-result-left a:hover { background-color:#ebefdc; } #search-result-left a#active { font-weight:bold; background-color:#ebefdc; } /* Search guide -------------------------------------------------------------- */ #search-guide-content { border-bottom:solid 2px #000; margin-bottom:10px; } /* Cart -------------------------------------------------------------- */ #cart { margin-bottom:20px; font:11px Arial; color:#313131; } #cart a { } #cart h3 { margin:0; font:bold 11px/24px Arial; text-transform:uppercase; padding-left:15px; background:transparent url(images/cart/topp-bg.png) no-repeat; color:#fff; } #cart p { margin:0; } #cart p#empty-cart { padding-top:10px; } #cart #cart-contents { background-color:#d7dfba; padding:0 15px 10px 15px;} #cart .cart-item-box { padding:7px 0; border-bottom:solid 1px #c1c8a7; } #cart .cart-item-box:last-child { border:0; } #cart .cart-item a { color:#313131; text-decoration:underline; line-height:22px; font-weight:bold; margin-left:4px; } #cart .cart-item .delete-icon { height:22px; width:20px; display:block; float:left; margin:0;} #cart .cart-item-numbers .item-total { float:right; width:40px; text-align:right; font-weight:bold; color:#678713;} #cart .cart-item-numbers .item-quantity { margin-left:24px; } #cart #cart-sum { height:28px; line-height:28px; border-top:solid 1px #050505; border-bottom:solid 1px #050505; } #cart #cart-sum #cart-sum-value { float:right; width:45px; text-align:right; font-weight:bold; } #cart #cart-sum #cart-sum-txt { font-weight:bold; } #cart #end-order { float:right; width:174px; height:26px; margin-top:14px; margin-right:-2px;} /* Blurb right column -------------------------------------------------------------- */ #blurb { margin-bottom:20px; font:11px Arial; color:#313131; } #blurb a { } #blurb h3 { margin:0; font:bold 11px/24px Arial; text-transform:uppercase; padding-left:15px; background:transparent url(images/blurb/topp-bg.png) repeat-x; color:#fff; } #blurb p { margin:0; padding-top:10px; } #blurb #blurb-contents { background-color:#f1f4f8; padding:0 15px 10px 15px;} /* Content -------------------------------------------------------------- */ #content { font:11px Arial; } #content h2 { font:bold 11px/18px Arial; color:#678713; margin:0} #content #contact-us-top { background: url(/css/images/content/contact-us-clock.jpg) no-repeat right top; border-bottom:solid 1px #ccc; margin-bottom:10px; } #content .left { float:left; width:215px; } #content .right { float:right; width:215px; } #content .send-mail { font:bold 11px Arial; color:#00467d; background: url(images/books/read-more-arrow.gif) no-repeat center left; padding-left:8px; } #content #about-bg-list { border-top:solid 1px #ccc; list-style:none; margin:0; padding:0; } #content #about-bg-list dd, #content #about-bg-list dt { background: url(images/content/about-bg-list-bg.png) no-repeat; border-bottom:solid 1px #ccc; } #content #about-bg-list dd { float:left; width: 120px; padding-left:15px; padding-top:20px; height:41px; } #content #about-bg-list dt { padding-right: 60px; padding-top:15px; height:46px; } /* Todays offer -------------------------------------------------------------- */ #todays-offer { background:url(images/start/todays-offer-long.jpg) no-repeat; } #todays-offer-box { padding:6px 15px 0 15px; } #todays-offer h1 { color:#fff; border-color: #fff; margin:0;} #todays-offer p { margin:0 } #todays-offer-image { height:157px; padding:10px 0; text-align:center; position: relative; } #todays-offer-image div { position: absolute; top: 8px; left: -4px; width:88px; height:40px; background: url(images/books/offer-price-bg.png) no-repeat top left; text-align: left; } #todays-offer-image div strong { display: block; font: bold 15px/14px Georgia; color:#fff; text-align:center; padding-top:4px;} #todays-offer-image div em { display: block; font: normal 10px/14px Georgia; color:#fff; text-align:center; } #todays-offer #todays-offer-info { padding: 7px 0 } #todays-offer h2 { font:normal 11px/15px Arial; text-transform:uppercase; margin:0; } #todays-offer .read-more { font:bold 11px Arial; color:#00467d; padding-left:8px; background: url(images/books/read-more-arrow.gif) no-repeat center left; line-height:24px;} #todays-offer .order-book { font:bold 11px Arial; color:#fff; background: url(images/start/carousel-order-button.png) no-repeat center left; width:94px; height:26px; display:block; padding:0 6px 5px 0; border:0; text-transform:uppercase;margin-left:-4px;} /* Todays offer -------------------------------------------------------------- */ .context-puff { padding-bottom:8px; margin-bottom:5px; border-bottom:1px solid #ccc; } .context-puff .date { display:block; font:bold 10px Arial; color:#999; } .context-puff h3 { font: bold 11px Arial; margin-bottom: 0; } .context-puff p { margin-bottom: 0; } .context-puff a { font:bold 11px Arial; color:#00467d; background: url(images/start/read-more-arrow.gif) no-repeat center left; padding-left:8px; } /* Interviews leftcontext -------------------------------------------------------------- */ #interviews-left { margin-top: 14px; } #interviews-left p { font:bold 10px Arial; text-transform:uppercase; color:#999; margin-bottom:8px; padding-bottom:5px; border-bottom: 1px solid #ccc; } #interviews-left div { padding-bottom:8px; margin-bottom:5px; border-bottom:1px solid #ccc; } #interviews-left div h3 { font: bold 11px Arial; margin-bottom: 0; } #interviews-left div p { margin-bottom:0; font:11px/15px Arial; text-transform:none; color:#313131; border:0;} #interviews-left div a { font: bold 11px Arial; color:#00467d; background: url(images/books/read-more-arrow.gif) no-repeat center left; padding-left:8px; } /* Month popular -------------------------------------------------------------- */ #month-popular { padding-top:5px; } #month-popular .wrapper { border-bottom:solid 1px #ccc; margin-bottom:10px; } #month-popular .wrapper:last-child { border-bottom:0 } #month-popular .month-book { float:left; width:104px; height:331px; margin-right:11px; display:inline; } #month-popular .month-book:last-child { margin-right: 0 } #month-popular .month-book-image { width:104px; height:158px; margin-bottom:10px; line-height:158px; background:url(images/start/month-popular-bg.png) no-repeat center left; text-align:center; } #month-popular .month-book-image img { vertical-align:middle; } #month-popular .month-book-info { height:92px; line-height: 15px; overflow: hidden; } #month-popular .month-book-info h2 { width:104px; font:bold 11px Arial; margin:0; } #month-popular .month-book-info p, .month-book-order p { margin:0; } #month-popular .month-book-order { height:76px; } #month-popular .read-more { font:bold 11px Arial; color:#00467d; padding-left:8px; background: url(images/books/read-more-arrow.gif) no-repeat center left; line-height:24px;} #month-popular .order-book { font:bold 11px Arial; color:#fff; background: url(images/books/order-book.png) no-repeat center left; width:73px; height:26px; display:block; padding:0 6px 5px 0; border:0; margin-left:-4px;} /* Caurosel -------------------------------------------------------------- */ #carousel { background:url(images/start/carousel-bg.jpg) no-repeat; width:450px; height:261px; margin-bottom:10px; } #carousel-box { padding:8px 15px 0; } #carousel h1 { margin-bottom:10px; } .carousel-image { width:140px; float:left; text-align:center; } .carousel-info { width:280px; float:left; } #carousel h2 { font:normal 15px Arial; color:#678713; margin-bottom:5px;} #carousel p { color:#313131; margin-bottom:5px; } #carousel .read-more { font:bold 11px Arial; color:#00467d; padding-left:8px; background: url(images/books/read-more-arrow.gif) no-repeat center left; line-height:24px;} #carousel .order-book { font:bold 11px Arial; color:#fff; background: url(images/start/carousel-order-button.png) no-repeat center left; width:94px; height:26px; display:block; padding:0 6px 4px 0; border:0; text-transform:uppercase;margin-left:-4px;} .jcarousel-control, .jcarousel-control a { font:bold 11px/26px Arial; color:#fff; height:26px; } /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px; } /** * The buttons are added dynamically by jCarousel before * the