body { background-color: #fff; background-image: url("../images/bg_body.gif"); background-repeat: repeat-x; text-align: center; margin: 0; padding: 0; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; } img { border: 0 transparent } /* sitewide */ hr { display: none } .hiddenstructure { display: none } div.clear { width: 100%; height: 1px; clear: both } div.notthehomepage { margin: 0; padding: 0; width: 100%; height: 20px } a.readmorelink { text-decoration: none; text-align: right; display: block; margin: 0; padding: 0 } a.readmorelink:hover { text-decoration: underline } a.readmorelink:before { content: '> ';} a.readmorelink:after { content: '...'; } .subtitle { font-size:75% } span.reviewsummary { display:none;} /* account info */ div#STAccountInfoOuter { text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 27px } div#STAccountInfoInner { text-align: left; margin: 0 auto; padding: 0; width: 752px; height: 27px } div#STAccountInfoInner p { color: #fff; font-size: 70%; margin: 7px 0 0; padding: 0 } div#STAccountInfoInner p a { color: #06c; text-decoration: none } div#STAccountInfoInner p a:hover { text-decoration: underline } div#STAccountInfoInner p.loginstatus { width: 74%; float: left } div#STAccountInfoInner p.basketlink { text-align: right; width: 25%; float: left; } div#STAccountInfoInner p a.basket_iconed { color: #06c; text-decoration: none; background-image: url("../images/shoppingcart.gif"); background-repeat:no-repeat; background-position: left center; padding-left:25px;} div#STAccountInfoInner p a.basket_iconed:hover { text-decoration: underline } div#STMainContent { background-color: #fff; background-image: url("../images/bg_container.gif"); background-repeat: no-repeat; background-position: 0 225px; text-align: left; margin: 0 auto; padding: 0; width: 752px } div#STCommonfooter {} /* search results */ .system { font-style: italic; font-weight: bold } .ok {} .error { color: #c00 !important;} .warning { color: #feae0d !important; } ul.searchresults { margin: 20px 0 0; padding: 0; border-top: 1px dashed #ccc } ul.searchresults li { display: inline } ul.searchresults li a { color: #00a4ff; font-size: 75%; text-decoration: none; display: block; margin: 0; padding: 5px 0 5px 5px; border-bottom: 1px dashed #ccc } ul.searchresults li a:hover { background-color: #f9f9f9 } a#STlogo, div#STlogo { display: block; margin: 10px 0 10px 20px; padding: 0; width: 150px; height: 90px; float: left;} a.STlogooff, div#STlogo { background-image: url("../images/ST_logo.gif"); background-repeat: no-repeat; background-position: 54px 0 } a.STlogooff:hover, a.STlogoon { background-image: url("../images/ST_logo.gif"); background-repeat: no-repeat; background-position: 54px -90px } p#STstrapline { color: #888; font-size: 110%; font-weight: bold; text-align: center; margin: 26px 0 00px 20px; padding: 12px 0 10px; width: 541px; float: left; border-top: 1px solid #888; border-bottom: 1px solid #888; } /* top masthead menu */ ul#topshelfmenu { background-image: url(../images/ST_masthead.jpg); margin: 0; padding: 0; width: 752px; height: 225px } /* ul#topshelfmenu li { display: none; }*/ ul#topshelfmenu li { display: inline } ul#topshelfmenu li a { display: block; float: left } a#menuhome { display: block; margin: 59px 0 0 53px; margin-top: 43px; margin-right: 0px; margin-bottom: 0px; margin-left: 32px; margin-left: 32px !important; margin-left/**/:/**/16px; padding: 0; width: 67px; height: 180px } a.menuhomeoff {} a.menuhomeoff:hover, a.menuhomeon { background-image: url("../images/ST_masthead_on.jpg");background-repeat: no-repeat; background-position: -32px -43px; } a#menuauthors { display: block; margin-top: 53px; margin-right: 0px; margin-bottom: 0px; margin-left: 19px; margin-left: 19px !important; margin-left/**/:/**/19px; padding: 0; width: 44px; height: 150px } a.menuauthorsoff {} a.menuauthorsoff:hover, a.menuauthorson { background-image: url("../images/ST_masthead_on.jpg"); background-repeat: no-repeat; background-position: -118px -53px } a#menunews { display: block; margin-top: 44px; margin-right: 0px; margin-bottom: 0px; margin-left: 16px; margin-left: 16px !important; margin-left/**/:/**/16px; padding: 0; width: 84px; height: 180px } a.menunewsoff {} a.menunewsoff:hover, a.menunewson { background-image: url("../images/ST_masthead_on.jpg"); background-repeat: no-repeat; background-position: -178px -44px } a#menuextracts { display: block; margin-top: 82px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; margin-left: 5px !important; margin-left/**/:/**/5px; padding: 0; width: 35px; height: 140px } a.menuextractsoff {} a.menuextractsoff:hover, a.menuextractson { background-image: url("../images/ST_masthead_on.jpg"); background-repeat: no-repeat; background-position: -267px -82px } a#menubooktrade { display: block; margin-top: 64px; margin-right: 0px; margin-bottom: 0px; margin-left: 8px; margin-left: 8px !important; margin-left/**/:/**/8px; padding: 0; width: 53px; height: 155px } a.menubooktradeoff {} a.menubooktradeoff:hover, a.menubooktradeon { background-image: url("../images/ST_masthead_on.jpg"); background-repeat: no-repeat; background-position: -310px -64px } a#menuabout { display: block; margin-top: 60px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; margin-left: 10px !important; margin-left/**/:/**/10px; padding: 0; width: 35px; height: 160px } a.menuaboutoff {} a.menuaboutoff:hover, a.menuabouton { background-image: url("../images/ST_masthead_on.jpg"); background-repeat: no-repeat; background-position: -373px -60px } a#menudeals { display: block; margin-top: 16px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; margin-left: 15px !important; margin-left/**/:/**/15px; padding: 0; width: 45px; height: 200px } a.menudealsoff {} a.menudealsoff:hover, a.menudealson { background-image: url("../images/ST_masthead_on.jpg"); background-repeat: no-repeat; background-position: -423px -16px } a#menusearch { display: block; margin-top:75px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; margin-left: 10px !important; margin-left/**/:/**/10px; padding: 0; width: 65px; height: 150px } a.menusearchoff {} a.menusearchoff:hover, a.menusearchon { background-image: url("../images/ST_masthead_on.jpg"); background-repeat: no-repeat; background-position: -478px -75px } a#menujoin { display: block; margin-top:67px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; margin-left: 10px !important; margin-left/**/:/**/10px; padding: 0; width: 42px; height: 155px } a.menujoinoff {} a.menujoinoff:hover, a.menujoinon {background-image: url("../images/ST_masthead_on.jpg"); background-repeat: no-repeat; background-position: -553px -67px } a#menufreepostage { display: block; margin: 32px 0 0 0; padding: 0; width: 148px; height: 168px } a.menufreepostageoff {} a.menufreepostageoff:hover, a.menufreepostageon { background-image: url("../images/ST_masthead_on.jpg"); background-position: -595px -32px } /* menu */ /* searchin and navigation */ form#quicksearchform { } input#searchtext { background-color: #eeeeee; display: block; margin: 0 0 0px 0px; padding: 0px 0px 0px 0px; width: 140px } select#searchoptions { background-color: #eee; display: block; margin: 10px 5px 0px 0; padding: 0; width: 120px; float: left } input#searchsubmit { background-color: #eeeeee; display: block; margin: 11px 0px 0 0; padding: 0; width: 18px; height: 18px } a#textbrowse { background-image: url("../images/menu_browse.gif"); background-repeat: no-repeat; display: block; margin: 0px; padding: 0; width: 114px; height: 11px } a#textbrowse:hover { background-position: 0 -20px } a#advancedsearchlink { background-repeat: no-repeat; display: block; margin-top: 10px; margin-top: 10px !important; margin-right: 0; margin-bottom: 10px; margin-left: 0px; padding: 0; width: 150px; height: 21px; border-bottom: 1px solid #999 } a.textadvancedoff { background-image: url("../images/menu_advanced.gif"); background-repeat: no-repeat } a.textadvancedoff:hover, a.textadvancedon { background-image: url("../images/menu_advanced.gif"); background-repeat: no-repeat; background-position: 0 -25px } h2#browsebooks { display: block; margin: 0 0 8px; padding: 0; width: 114px; height: 11px } div#STNavigationColumn { margin-top: 0px; margin-right:0px; margin-bottom: 20px; margin-left: 20px; margin-left: 20px !important; margin-left/**/:/**/10px; padding: 0; width: 150px; float: left } ul.genremenu { margin: 0 0 10px; padding: 0 } ul.genremenu li { display: block } ul.genremenu li a { color: #333; font-size: 75%; text-decoration: none; text-transform: uppercase } ul.genremenu li a:hover { color: #04acff } ul.genremenu li ul { margin: 0 0 0 15px; padding: 0 } ul.genremenu li ul li { display: inline } ul.genremenu li ul li a { color: #666; background-image: url("../images/bullet_new.gif"); background-repeat: no-repeat; background-position: 0 3px; text-transform: capitalize; display: block; margin: 3px 0 0; padding: 0 0 0 15px } ul.genremenu li ul li a:hover { color: #04acff; background-position: 0 -41px } ul.genremenu li span.showstate { margin: 0 5px 0 0; padding: 0 } ul.genremenu li.nochild { } ul.genremenu li.nochild a { padding-left: 17px; background-image: url("../images/bullet_new.gif"); background-repeat: no-repeat; background-position: 2px 4px; } ul.genremenu li.nochild a:hover { background-position: 2px -40px; } div#menumanager { color: #ccc; font-size: 60%; display: block; margin: 3px 0 0; padding: 0 } div#menumanager a { color: #ccc; text-decoration: none } div#menumanager a:hover { color: #666; text-decoration: none } ul#textualmenu { margin: 0; padding: 10px 0 0; border-top: 1px solid #999 } ul#textualmenu li { display: inline } ul#textualmenu li a { display: block; margin: 0px; } a#texthome { background-repeat: no-repeat; padding: 0; width: 75px; height: 14px; } a.texthomeoff { background-image: url("../images/menu_home.gif"); background-repeat: no-repeat } a.texthomeon, a.texthomeoff:hover { background-image: url("../images/menu_home.gif"); background-repeat: no-repeat; background-position: 0 -14px } a#textauthors { background-repeat: no-repeat; padding: 0; width: 75px; height: 14px; } a.textauthorsoff { background-image: url("../images/menu_author.gif"); background-repeat: no-repeat } a.textauthorson, a.textauthorsoff:hover { background-image: url("../images/menu_author.gif"); background-repeat: no-repeat; background-position: 0 -14px } a#textnews { background-repeat: no-repeat; padding: 0; width: 104px; height: 14px; } a.textnewsoff { background-image: url("../images/menu_news.gif"); background-repeat: no-repeat } a.textnewson, a.textnewsoff:hover { background-image: url("../images/menu_news.gif"); background-repeat: no-repeat; background-position: 0 -14px } a#textextracts { background-repeat: no-repeat; padding: 0; width: 81px; height: 14px; } a.textextractsoff { background-image: url("../images/menu_extracts.gif"); background-repeat: no-repeat } a.textextractson, a.textextractsoff:hover { background-image: url("../images/menu_extracts.gif"); background-repeat: no-repeat; background-position: 0 -14px } a#textbooktrade { background-repeat: no-repeat; padding: 0; width: 99px; height: 14px; } a.textbooktradeoff { background-image: url("../images/menu_booktrade.gif"); background-repeat: no-repeat } a.textbooktradeoff:hover, a.textbooktradeon { background-image: url("../images/menu_booktrade.gif"); background-repeat: no-repeat; background-position: 0 -14px } a#textabout { background-repeat: no-repeat; padding: 0; width: 58px; height: 14px; } a.textaboutoff { background-image: url("../images/menu_about.gif"); background-repeat: no-repeat } a.textaboutoff:hover, a.textabouton { background-image: url("../images/menu_about.gif"); background-repeat: no-repeat; background-position: 0 -14px } a#textjoin { background-repeat: no-repeat; padding: 0; width: 129px; height: 12px; } a.textjoinoff {background-image: url("../images/menu_join.gif"); background-repeat: no-repeat } a.textjoinoff:hover, a.textjoinon { background-image: url("../images/menu_join.gif"); background-repeat: no-repeat; background-position: 0 -13px } a#textfree { background-repeat: no-repeat; padding: 0; width: 95px; height: 14px; } a.textfreeoff { background-image: url("../images/menu_free.gif"); background-repeat: no-repeat } a.textfreeoff:hover, a.textfreeon { background-image: url("../images/menu_free.gif"); background-repeat: no-repeat; background-position: 0 -29px } a#textcart { background-repeat: no-repeat; padding: 0; width: 90px; height: 13px; } a.textcartoff { background-image: url("../images/your_cart_blue.gif"); background-repeat: no-repeat; background-position: 0 0; } a.textcartoff:hover, a.textcarton { background-image: url("../images/your_cart_blue.gif"); background-repeat: no-repeat; background-position: 0 -14px;} /* content */ h2 a#latestnews, h2#latestnews { background-image: url(../images/h2_latestnews.gif); } h2 a#events, h3#events, h2#events { background-image: url(../images/h2_events.gif); } h2 a#hotdeals, h2#hotdeals { background-image: url(../images/h2_hotdeals.gif); } h2 a#booktrade, h2#booktrade { font-weight: normal } a#newbooks { background-image: url("../images/h2_newbooks.gif"); } a#recommends { background-image: url("../images/h2_recommends.gif"); } body.hotdeals h2#hotdeals { background-color: #fafafa; background-repeat: no-repeat; background-position: 7px 7px; display: block; margin: 0 0 10px 20px; padding: 0; width: 540px; height: 28px; float: left; border-top: 1px solid #999; border-bottom: 1px solid #999 } body.booktrade h2#booktrade { color: #ffffff; font-weight: normal; background-color: #222222; background-repeat: no-repeat; background-position: 7px 7px; display: block; margin: 0 0 10px; padding-left: 7px } img.authorimage { width: 125px;} div.newsitem, div.dealitem { margin: 0 0 10px; padding: 0 } div.newsitem h3, div.dealitem h3 { font-size: 90%; font-weight: bold; padding: 0 } div.newsitem h3 { color: #fc7d00; margin: 0 0 2px } div.dealitem h3 { color: #00a4ff; margin: 0 0 5px; padding-bottom: 5px; border-bottom: 1px dotted #999 } div.newsitem h3 a, div.dealitem h3 a {text-decoration: none;} div.newsitem h3 a:hover, div.dealitem h3 a:hover {text-decoration: underline;} div.newsitem p, div.dealitem p { color: #333; font-size: 70%; line-height: 130%; margin: 0 0 7px; padding: 0 } div.newsitem p a, div.dealitem p a {} div.newsitem p a, div.newsitem a { color: #fc7d00 } div.dealitem p a, div.dealitem a { color: #00a4ff } div.newsitem p a.readmorelink, div.dealitem p a.readmorelink { font-size: 90%; margin: 0; padding: 0 } div.newsitem p.date, div.dealitem p.date { color: #999; font-size: 70%; margin: 3px 0 5px; padding: 0 0 2px; border-bottom: 1px dotted #ccc } img.newsitem, img.dealimage, img.dealitem { margin: 0 10px 10px 0; padding: 0; width: 125px; float: left } div.newbook, div.extract { margin: 0 0 0; padding: 0 0 10px; } div.newbook h3, div.bookofthemonth h3, div.extract h3, div.author h3 {font-size: 90%; font-weight: bold; text-transform: capitalize; margin: 0 0 2px; padding: 0; width:125px; } div.newbook h3 a, div.bookofthemonth h3 a, div.extract h3 a, div.author h3 a {text-decoration: none; } div.newbook h3 a:hover, div.bookofthemonth h3 a:hover, div.extract h3 a:hover, div.author h3 a:hover {text-decoration: underline; } div.newbook p, div.bookofthemonth p, div.extract p, div.author p { color: #333; font-size: 70%; line-height: 130%; margin: 0; padding: 0 } div.newbook p a, div.bookofthemonth p a, div.extract p a, div.author p a { text-decoration: none } div.newbook p a:hover, div.bookofthemonth p a:hover, div.extract p a:hover, div.author p a:hover { text-decoration: underline } div.newbook p a.authorlink, div.bookofthemonth p a.authorlink, div.extract p a.authorlink { color: #000; text-decoration: none } div.newbook p a.authorlink:hover, div.bookofthemonth p a.authorlink:hover, div.extract p a.authorlink:hover { text-decoration: underline } div.newbook img { margin: 0 0 10px; padding: 0 } div.bookofthemonth div.resultinfo { width: 125px; margin: 0px; padding: 0px;} div.newbook div.resultinfo {width: 125px; margin: 0px; padding: 0px; bakground-color: red;} img.bookjacketthumbnail { width: 125px } div.result { margin: 0 0 10px; padding: 0 0 10px; float: left; border-bottom: 1px dotted #666 } div.result img { display: block; margin: 0 10px 0 0; padding: 0; float: left } div.imagecontainer { width: 125px; height: 200px; display:block; margin:0px; padding:0px; } div#STContentColumn1 div.result {width: 530px; } div#STContentColumn4 div.result {width: 370px; } div.resultinfo h3 { font-size: 90%; font-weight: bold; margin: 0 0 3px; padding: 0 } div.resultinfo h3 a { text-decoration: none } div.resultinfo h3 a:hover { text-decoration: underline } div.resultinfo p { margin: 0; padding: 0; } div.resultinfo h3 a.authorlink { } div#STContentColumn1 div.resultinfo { width: 395px; float: left } div#STContentColumn4 div.resultinfo { width: 235px; float: left } body.genre div.resultinfo h3, body.genre div.resultinfo h3 a {color: #04acff;} body.booktrade div.resultinfo h3, body.booktrade div.resultinfo h3 a {color: #04acff;} body.extracts div.resultinfo h3, body.extracts div.resultinfo h3 a {color: #04acff;} body.author div.resultinfo h3, body.author div.resultinfo h3 a {color: #a80000;} div.resultinfo p.shortblurb { color: #333; font-size: 70%; line-height: 130%; margin: 5px 0; padding: 5px 0; border-top: 1px dotted #666; border-bottom: 1px dotted #666 } div.resultinfo p a.authorlink { color: #333; font-weight: bold; text-decoration: none } div.resultinfo p a.authorlink:hover {text-decoration: underline;} div.resultinfo a.readmorelink {text-align: left } div.resultinfo a.readmorelink:hover { text-align: left } body.extracts div.resultinfo a.readmorelink { color: #04acff; } body.genre div.resultinfo a.readmorelink { color: #04acff; } body.author div.resultinfo a.readmorelink { color: #a80000; } body.booktrade div.resultinfo a.readmorelink { color: #04acff; } /* basket icons */ a.addbasket {background-image: url("../images/add_basket.gif"); color: #999; font-size: 70%; text-decoration: none; background-repeat: no-repeat; display: block; height: 17px; margin: 0 0 0 0; padding: 0; width: 36px; } a.addbasket:hover { background-position: 0 -48px } p.nobasket { background-image: url("../images/no_basket.gif"); margin-left: 90px; background-repeat: no-repeat; display: block; width: 34px; height: 30px } p.nobasket_top { background-image: url("../images/no_basket.gif"); background-position: top right; margin:0; padding:0; background-repeat: no-repeat; display: block; width: 44px; height: 23px; float:left; } div.newbook a.addbasket, div.bookofthemonth a.addbasket { padding: 0; width: 36px; height: 17px; clear: both; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-bottom: 10px !important; margin-bottom/**/:/**/5px; margin-left: 89px; } div.newbook p.nobasket, div.bookofthemonth p.nobasket { width: 125px; height: 17px; width: 125px; margin-left: 0px; background-position: 90px 0px; } div#STContentColumn5 a.addbasket { margin: 0 0 5px; padding: 3px 0 4px; width: 125px; border-bottom: 1px dotted #999 } div#STContentColumn5 a.addbasket:hover { color: #333; } body.title div#STContentColumn5 a.addbasket {background-position: 90px -95px; background-repeat: no-repeat;} body.title div#STContentColumn5 a.addbasket:hover {background-position: 90px -143px;} body.title div.topinfo a.addbasket { margin: -1px 0 0 10px; height: 16px; float: left; background-position: 0px -95px; background-repeat: no-repeat; } body.title div.topinfo a.addbasket:hover { background-position: 0px -143px; } a.basketremove { background-image: url("../images/remove_book.gif"); background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 17px; height: 17px } a.basketremove:hover { background-position: 0 -19px } a.basketempty { background-image: url("../images/empty_basket.gif"); background-repeat: no-repeat; display: block; width: 21px; height: 21px } a.basketempty:hover { background-position: 0 -32px } body.home div.newbook {width: 125px; float: left} body.home div.newbook h3, div.author h3 {color: #a80000 } body.home div.newbook h3 a, div.author h3 a {color: #a80000 } body.home div.newbook p a, div.author p a {color: #a80000; } body.home div.odd { float: left; margin-top: 0px; margin-right: 10px; margin-right: 10px !important; margin-right/**/:/**/10px; margin-bottom: 0px; margin-left: 0px; padding: 0px; } body.home div.even {margin: 0; padding: 0; float: left;} body.genre div.newbook { width: 135px; float: left } body.genre div.newbook h3, div.extract h3 { width: 125px; color: #44c2ff } body.genre div.newbook h3 a, div.extract h3 a { color: #44c2ff } body.genre div.newbook p { margin: 0; padding: 0; width: 125px } body.genre div.newbook p a, div.extract p a { color: #44c2ff } body.home div.bookofthemonth {} body.home div.bookofthemonth h3 {color: #a80000 } body.home div.bookofthemonth h3 a {color: #a80000 } body.home div.bookofthemonth p a {color: #a80000; } div.newbook p.shortblurb { margin: 5px 0; padding: 5px 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc } div.newbook a.readmorelink, div.bookofthemonth a.readmorelink { font-size: 90% } div.bookofthemonth { display: block; margin: 0 0 0; padding: 0 } div.bookofthemonth img { margin: 0 0 0 10px; padding: 0; float: right } div.bookofthemonth p.shortblurb { margin: 5px 0; padding: 5px 0; width: 125px; border-top: 1px dotted #999; border-bottom: 1px dotted #999 } div.bookofthemonth p.discountprice { color: #333; margin: 0 0 5px; padding: 0 0 5px; width: 125px; border-bottom: 1px dotted #999 } div.extract { margin: 0 10px 0 0; padding: 0; width: 125px; float: left; } div.author { margin: 0 10px 0 0; padding: 0; float: left; width: 125px; } div.extract img, div.author img { margin: 0 0 10px; padding: 0 } div.extract p.shortblurb, div.author p.shortblurb { margin: 5px 0; padding: 5px 0; border-top: 1px dotted #666666; } div#STContentColumn1 { margin: 0 0 0 20px; padding: 0; width: 540px; float: left } div#STContentColumn1 p { font-size: 70%; color: #333;} div#STContentColumn1 p a {} div#STContentColumn1 h2 { font-size: 100%; font-weight: normal; background-color: #fafafa; margin: 0 0 10px; padding: 5px 0; border-top: 1px solid #666; border-bottom: 1px solid #666 } div#STContentColumn1 h2 a, label.sortinglabel a { color: #44c2ff; text-decoration: none } div#STContentColumn1 h2 a:hover, label.sortinglabel a:hover { text-decoration: underline } div#STContentColumn1 h2 span.currentgenre, label.sortinglabel span.currentgenre { font-weight: bold } form#quicksortform { margin: 0 0 20px; } form#quicksortform label.sortinglabel { font-size: 90%; font-weight: normal; } select#sortoptions { margin: 0 0 0 5px; padding: 0 } body.extracts form#quicksortform, body.genre form#quicksortform, body.author form#quicksortform {background-color: #fafafa;border-top: 1px solid #666; border-bottom: 1px solid #666; padding: 5px 0;} body.booktrade form#quicksortform {background-color: #222222; padding: 5px 0 5px 5px;} body.extracts label.sortinglabel {color: #44c2ff;} body.genre label.sortinglabel{ color: #44c2ff;} body.author label.sortinglabel {color: #a80000;} body.booktrade label.sortinglabel {color: #FFFFFF;} div#STContentColumn1 p.introtext { color: #999; font-size: 70%; line-height: 130%; margin: 0 0 10px; padding: 0 } div#STContentColumn1 span.header_style { display:block; color: #44c2ff; font-size: 140%; background-color: #fafafa; margin: 0 0 10px; padding: 5px 0; border-top: 1px solid #666; border-bottom: 1px solid #666 } div#STContentColumn2 { margin: 0 0 0 20px; padding: 0; width: 260px; float: left } div#STContentColumn3 { margin: 0 0 0 20px; padding: 0; width: 260px; float: left } div#STContentColumn2 h2, div#STContentColumn3 h2 { margin: 0 0 10px; padding: 0 } div#STContentColumn2 h2 a, div#STContentColumn3 h2 a { background-color: #fafafa; background-repeat: no-repeat; background-position: 7px 7px; display: block; width: 260px; height: 28px; border-top: 1px solid #999; border-bottom: 1px solid #999 } div#STContentColumn2 h2 a:hover, div#STContentColumn3 h2 a:hover{background-color: #f3f3f3;} body.genre div#STContentColumn1 h2 {color: #44c2ff;} body.extracts div#STContentColumn1 h2 {color: #44c2ff;} body.author div#STContentColumn1 h2 {color: #a80000;} body.hotdeals div#STContentColumn1 h2 {color: #44c2ff;} body.hotdeals div#STContentColumn2 p { color: #333; font-size: 70%; line-height: 130%; margin: 0 0 10px; padding: 0 } body.hotdeals div#STContentColumn2 p a {color: #44c2ff;} div#STContentColumn4 { display: block; margin: 0 20px; padding: 0; width: 370px; float: left } div#STContentColumn4 h2 { font-size: 100%; font-weight: bold; text-transform: uppercase; display: block; margin: 0 0 5px; padding: 6px 4px 4px 2px; border-top: 1px solid #666; border-bottom: 1px solid #666 } div#STContentColumn4 p {color: #333; font-size: 70%; line-height: 130%; margin: 0 0 10px; padding: 0} div.topinfo { margin: 0 0 10px; padding: 2px 0 0; width: 100%; height: 1.2em; border-bottom: 1px dotted #333 } div.topinfo p.authors { font-size: 80%; margin: 0 0 0; padding: 0; width: 268px; float: left } div.topinfo p.authors a { color: #b32121; font-weight: bold; text-decoration: none } div.topinfo p.authors a:hover { text-decoration: underline } div.topinfo p.price { font-size: 80%; font-weight: bold; text-align: right; display: block; margin: 5px; padding: 5px; width: 50px; float: left } ul.navigation { margin: 20px 0 0; padding: 0; width: 370px; } ul.navigation li { display: block; margin: 0; padding: 3px 0; width: 48%; float: left; border-top: 1px dotted #666; border-bottom: 1px dotted #666 } ul.navigation li.earlier {} ul.navigation li.later { text-align: right } ul.navigation li span.noitems { font-size: 75%; visibility: hidden;} ul.navigation li a { font-size: 75%; text-decoration: none } ul.navigation li a.earlier { } ul.navigation li a.earlier:before {content: '< ';} ul.navigation li a.later { } ul.navigation li a.later:after { content: ' >';} ul.navigation li a:hover { text-decoration: underline } body.news ul.navigation li a {color: #FC7D00;} body.hotdeals ul.navigation li a {color: #00A4FF;} body.author ul.navigation li a {color: #B32121;} body.title div#STContentColumn4 h2 { color: #b32121; } body.author div#STContentColumn4 h2 { color: #b32121; } body.news div#STContentColumn4 h2 {color: #FC7D00} body.hotdeals div#STContentColumn4 h2 {color: #44c2ff;} body.booktrade div#STContentColumn4 h3 { font-weight: normal; text-transform: uppercase; margin: 0; padding: 0 0 3px; border-bottom: 1px solid #ccc } body.booktrade div#STContentColumn4 p a { color: #000000; text-decoration: none;} body.booktrade div#STContentColumn4 p a:hover { text-decoration: underline} body.booktrade div#STContentColumn4 p.releasedate { color: #333; font-size: 70%; margin: 4px 0px; padding: 4px 0px 4px 2px; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; } body.booktrade div#STContentColumn4 p.rightsheld {color: #333; font-size: 70%; margin: 4px 0px; padding: 4px 0px 4px 2px; border-bottom: 1px dotted #ccc; } body.booktrade div#STContentColumn4 ul.booktradeoptions { margin: 0; padding: 0 } body.booktrade div#STContentColumn4 ul.booktradeoptions li { font-size: 70%; display: inline } body.booktrade div#STContentColumn4 ul.booktradeoptions li a { color: #04acff; text-decoration: none; display: block; margin: 0 0 3px; padding: 0 } body.booktrade div#STContentColumn4 ul.booktradeoptions li a:before {content: '> ';} body.booktrade div#STContentColumn4 ul.booktradeoptions li a:hover { text-decoration: underline } ul.pdfdownload { margin: 30px 0 0; padding: 0; border-top: 1px dashed #ccc } ul.pdfdownload li { color: #666; font-size: 75%; display: block; margin: 0; padding: 5px; border-bottom: 1px dashed #ccc } ul.pdfdownload li a { color: #00a4ff; text-decoration: none } ul.pdfdownload li a:hover { text-decoration: underline } div#STContentColumn5 { margin: 0 20px 0 0; padding: 0; width: 125px; float: left } div#STContentColumn5 img { margin: 0 0 20px 0px; padding: 0 } div#STContentColumn5 ul.bookdetails { margin: 0 0 5px; padding: 0 0 5px; border-bottom: 1px dotted #333 } div#STContentColumn5 ul.bookdetails li { font-size: 70%; line-height: 130%; display: block } div#STContentColumn5 ul.bookdetails li span.isbnlabel { font-weight: bold } div#STContentColumn5 div.contributors { margin: 0 0 10px; padding: 0 } div#STContentColumn5 div.contributors h4 { font-size: 70%; line-height: 130%; margin: 0; padding: 0 } div#STContentColumn5 div.contributors p { font-size: 70%; line-height: 130%; margin: 0; padding: 0 } div#STContentColumn5 h3.booktradeheader { color: #fff; font-size: 75%; background-color: #333; display: block; margin: 0; padding: 5px } div#STContentColumn5 ul.traderesources { margin: 0; padding: 0 } div#STContentColumn5 ul.traderesources li { display: block } div#STContentColumn5 ul.traderesources li a { color: #333; font-size: 70%; text-decoration: none; display: block; margin: 0; padding: 3px; border-bottom: 1px dotted #333 } div#STContentColumn5 ul.traderesources li a:hover { background-color: #f9f9f9 } div#STContentColumn5 ul.traderesources li.notlink {color: #333; font-size: 70%; padding: 3px; border-bottom: 1px dotted #333 } div#STContentColumn5 img.newsitem { margin-top: 5px; margin-bottom: 5px } div#STContentColumn5 img.authorimage { margin-top: 5px; margin-bottom: 5px } p.photocredit { color: #ccc; font-size: 65%; margin: 0 0 20px; padding: 0 } div#STContentColumn6 { margin: 0; padding: 0; width: 225px; float: left } div#STContentColumn6 p a { text-decoration: none;} div#STContentColumn6 p a:hover {text-decoration: underline;} div.synopsis { margin: 0 0 10px; padding: 0; border-bottom: 1px dotted #333 } div.synopsis p { color: #333; font-size: 70%; line-height: 130%; margin: 0 0 10px; padding: 0 } div.reviews { margin: 0px 0 10px; padding: 0; border-bottom: 1px dotted #333 } div.reviews p.quote { color: #333; font-size: 70%; line-height: 130%; margin: 0; padding: 0 } div.reviews p.credit { color: #333; font-size: 70%; font-style: italic; line-height: 100%; text-align: right; margin: 0 0 10px; padding: 0 } h3.sitemaptitle { color: #000; font-size: 75%; margin: 0 0 2px; padding: 0 } ul.sitemaplist { margin: 0 0 10px 0; padding: 0 } ul.sitemaplist li { color: #333; font-size: 70%; line-height: 130%; list-style-type: disc; list-style-position: inside } ul.sitemaplist li a { color: #000; text-decoration: underline } ul.sitemaplist li a:hover { color: #000 } p.review {display: block; margin: 0; padding: 10px 0px 0px 0px; border-top: 1px dotted #666; font-size: 75%; text-align: right;} a.reviewlink { color: #b32121; text-decoration: none; } a.reviewlink:before {content: '> ';} a.reviewlink:after {content: '...';} a.reviewlink:hover { text-decoration: underline; } body.news div#STContentColumn6 p, body.author div#STContentColumn6 p, body.hotdeals div#STContentColumn6 p { color: #333; font-size: 70%; line-height: 130%; margin: 0 0 10px; padding: 0 } body.news div#STContentColumn6 p a, body.news div#STContentColumn4 p a {color: #FC7D00} body.hotdeals div#STContentColumn6 p a, body.hotdeals div#STContentColumn6 h3, body.hotdeals div#STContentColumn4 p a, body.hotdeals div#STContentColumn4 h3 {color: #44c2ff;} body.author div#STContentColumn6 p a, body.author div#STContentColumn6 h3, body.author div#STContentColumn4 p a, body.author div#STContentColumn4 h3 {color: #b32121} h3.multimediaheader { font-size: 85%; font-weight: bold; display: block; margin: 0; padding: 5px 3px 3px 5px; border-top: 1px solid #888; border-bottom: 1px solid #888; clear:both; } ul.multimediamenu { margin: 0; padding: 0; } ul.multimediamenu li.multimedia {display: inline;} ul.multimediamenu li.multimedia a { color: #333; font-size: 70%; text-decoration: none; display: block; margin: 0; padding: 5px 5px 5px 7px } body.author ul.multimediamenu li a:hover {color: #b32121; background-color: #f9f9f9;} ul.multimediamenu li.item a {border-bottom: 1px dotted #888} ul.multimediamenu li.last a {} div#STContentColumn7 { display: block; margin: 0; padding: 0; width: 150px; float: left } div#STContentColumn7 h2 { font-size: 75%; font-weight: bold; display: block; margin: 0 } div#STContentColumn7 ul { margin: 0 0 10px; padding: 0 } div#STContentColumn7 ul li { display: inline } div#STContentColumn7 ul li a { color: #333; font-size: 70%; text-decoration: none; display: block; margin: 0; padding: 4px 5px 2px 7px } div#STContentColumn7 ul li a:hover { color: #b32121; background-color: #f9f9f9; } div#STContentColumn7 ul li a.item { border-bottom: 1px dotted #999 } div#STContentColumn7 ul li a.last {} div#STContentColumn7 ul li a span.label { font-weight: bold } body.title div#STContentColumn7 h2, body.author div#STContentColumn7 h2, body.news div#STContentColumn7 h2, body.hotdeals div#STContentColumn7 h2 {padding: 5px 3px 3px 5px;border-top: 1px solid #333; border-bottom: 1px solid #333;} body.title div#STContentColumn7 h2, body.title div#STContentColumn7 ul li a:hover, body.title div#STContentColumn7 ul li a span.label {color: #b32121; } body.author div#STContentColumn7 h2, body.author div#STContentColumn7 ul li a:hover, body.author div#STContentColumn7 ul li a span.label {color: #b32121; } body.news div#STContentColumn7 h2, body.news div#STContentColumn7 ul li a:hover, body.news div#STContentColumn7 ul li a span.label { color: #fc7d00 } body.hotdeals div#STContentColumn7 h2, body.hotdeals div#STContentColumn7 ul li a:hover, body.hotdeals div#STContentColumn7 ul li a span.hotdeals { color: #44c2ff } body.booktrade div#STContentColumn7 h2 { color: #ffffff; background-color: #222222; text-transform: uppercase; padding: 5px 3px 3px 5px; } body.booktrade div#STContentColumn7 ul li a:hover { color: #44c2ff; background-color: #f9f9f9; } ul.alphabeticalsearch { display: block; height: 20px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-bottom: 20px !important; margin-bottom/**/:/**/10px; margin-left: 0px; padding-top: 5px; padding-bottom:5px; padding-right: 0; padding-left: 0; border-top: 1px solid #666; border-bottom: 1px solid #666 } ul.alphabeticalsearch li { display: inline } ul.alphabeticalsearch li a { font-size: 75%; text-decoration: none; background-color: #ebebeb; text-transform: uppercase; display: block; margin: 0 4px 2px 0; padding: 3px 0 1px; float: left } ul.alphabeticalsearch li a:hover { background-color: #ccc } ul.alphabeticalsearch li a.letter { text-align: center; width: 15px } ul.alphabeticalsearch li a.all { text-align: center; width: 42px } ul.alphabeticalsearch li a.browse { text-align: center; width: 200px } ul.alphabeticalsearch li a.numbers { text-align: center; margin-bottom: 20px; width: 100px } ul.alphabeticalsearch li a.genre { color: #44c2ff } ul.alphabeticalsearch li a.extract { color: #44c2ff } ul.alphabeticalsearch li a.author { color: #a80000; } ul.alphabeticalsearch li a.alpha_active { color: #00a4ff; } div#STCommonfooter { background-image: url("../images/ST_footer.gif"); background-repeat: no-repeat; background-position: center bottom; display: block; margin: 0 0 10px; padding: 20px 0 15px; width: 752px } div#STCommonfooter ul { display: block; margin-right: 0; margin-bottom: 0; margin-left: 60px; padding: 0 } div#STCommonfooter ul li { list-style-type: none } div#STCommonfooter ul li a { color: #999; font-size: 80%; text-decoration: none;display: inline } div#STCommonfooter ul li.block { display: block; width: 200px } div#STCommonfooter ul li a.greater:before { content: '> ';} div#STCommonfooter ul li a:hover { color: #333 } div#STCommonfooter ul li#contactus { width: 300px; float: right } div#STCommonfooter ul li#contactus:before {content: '';} div#STCommonfooter ul li a#contactuslink { background-image: url("../images/contact.gif"); background-repeat: no-repeat; display: block; margin: 0 20px 0 0; padding: 0; width: 89px; height: 12px; float: right } div#STCommonfooter ul li a#contactuslink:hover { background-position: 0 -12px } table.pricetable { width:100%; font-size: 70%; margin: 0 0 5px; padding: 0 0 5px; border-style: none none dotted; border-width: 0 0 1px; border-color: transparent transparent #ccc } div.bookofthemonth table.pricetable { width:125px;} div.newbook table.pricetable {width:125px;} table.pricetable tr.list { background-image: url("../images/listprice-strikethrough.gif"); background-position: 0 center; margin: 0; padding: 0; background-repeat: repeat-x; } table.pricetable tr.list td.pricelabel { color: #ccc; margin: 0; padding: 0; width: 70% } table.pricetable tr.list td.price { color: #ccc; margin: 0; padding: 0; text-align: right; width: 30% } table.pricetable tr.discount {} table.pricetable tr.discount td.pricelabel {color: #666; margin: 0; padding: 0; margin: 0; padding: 0; width: 70%; } table.pricetable tr.discount td.price { text-align: right; width: 30%; color: #666; font-weight: bold; margin: 0; padding: 0; } table.pricetable tr.saving {} table.pricetable tr.saving td.pricelabel {color: #666; margin: 0; padding: 0; margin: 0; padding: 0; width: 70%; } table.pricetable tr.saving td.price { text-align: right; width: 30%; color: #666; font-weight: bold; margin: 0; padding: 0; } table.booktrade tr.discount {} table.booktrade tr.discount td.pricelabel {color: #666; margin: 0; padding: 0; margin: 0; padding: 0; width: 70%; } table.booktrade tr.discount td.price { text-align: right; width: 30%; color: #666; font-weight: bold; margin: 0; padding: 0; } a#FiftyNineLink { background-image: url("../images/59logo55px.gif"); background-repeat: no-repeat; display: block; margin: 0 0 20px 20px; padding: 0 0 0; width: 55px; height: 54px; float: left; } a#FiftyNineLink:hover {} a#ACELink { background-image: url("../images/ACElogo55px.jpg"); background-repeat: no-repeat; display: block; margin: 0 0 20px 687px; padding: 0 0 0; width: 55px; height: 54px } a#ACELink:hover {} .hiddenChild{ display:none; } .shownChild{ display:block; } /* the whole genre menu */ ul#nav { background-image: none; list-style-type: none; margin: 0; padding: 0 } /* styles concerning main genre items */ ul#nav li { font-size: 70%; text-transform: uppercase; display: block; margin: 0 0 0; padding: 0; position: relative; clear: both } ul#nav li a { color: #666; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; background-repeat: no-repeat; margin: 0 } ul#nav li a:hover { color: #00a4ff } ul#nav li a.parent { display: block; margin: 3px 0 0; padding: 0 0 0 15px; width: 120px } * html ul#nav a.parent { display: inline; padding: 0 0 0 0 } ul#nav li a.nochildren { background-image: url("../images/bullets.gif"); background-repeat: no-repeat; background-position: 1px -210px; margin: 0 0 0; padding: 0 0 0 15px } ul#nav li a.nochildren:hover { background-image: url("../images/bullets.gif"); background-repeat: no-repeat; background-position: 1px -260px } /* also main genre styles, but these are styles applied via the JavaScript */ span.controller { display:block; float:left; width: 14px; height:14px;} ul#nav.dhtml li.isParent a span.controller { background-image: url("../images/bullets.gif"); background-repeat: no-repeat; background-position: 0 0px } ul#nav.dhtml li.isParent a:hover span.controller { background-image: url("../images/bullets.gif"); background-repeat: no-repeat; background-position: 0 -59px } ul#nav.dhtml li.isActive a span.controller { color: #000; background-image: url("../images/bullets.gif"); background-repeat: no-repeat; background-position: 0 -110px } ul#nav.dhtml li.isActive a:hover span.controller { background-repeat: no-repeat; background-position: 0 -160px } ul#nav.dhtml li.isActive { } ul#nav.dhtml li.isActive a {} /* styles concerning sub-genre styles of various ilks */ ul#nav ul { margin: 0 0 0 15px; padding: 0; clear: both } ul#nav ul li { font-size: 90%; display: inline } ul#nav ul li a { } ul#nav li ul li a { color: #666; background-image: url("../images/bullet_new.gif"); background-repeat: no-repeat; background-position: 0 3px; display: block; margin: 0; padding: 1px 2px 1px 15px } ul#nav.dhtml li.isActive ul li a:hover { color: #00a4ff; background-image: url("../images/bullet_new.gif"); background-repeat: no-repeat; background-position: 0 -41px } ul#nav li ul li.current a { color: black; font-weight: bold } a.controllerclosed { background-image: url("../images/bullets.gif"); background-repeat: no-repeat; display: block; margin: 1px 0 0; padding: 0; width: 12px; height: 12px; float: left } a.controllerclosed:hover { background-position: 0 -59px } a.controlleropen { background-image: url("../images/bullets.gif"); background-repeat: no-repeat; background-position: 0 -109px; display: none; width: 12px; height: 12px; float: left } a.controlleropen:hover { background-position: 0 -159px } ul#newnavigation { margin: 0 0 5px 0; padding: 0 } ul#newnavigation li { display: inline; } ul#newnavigation li a { color: #666 } ul#newnavigation li a.parent { font-size: 75%; font-weight: bold; text-decoration: none; text-transform: uppercase; display: block; margin: 0 0 0 3px; padding: 0; width: 120px; float: left } ul#newnavigation li a.parent:hover { color: #0099ff; background-color: #f9f9f9 } ul#newnavigation li a.nochildren { font-size: 75%; font-weight: bold; text-decoration: none; background-image: url("../images/bullets.gif"); background-repeat: no-repeat; background-position: 1px -208px; text-transform: uppercase; display: block; margin: 0; padding: 0 0 0 15px } ul#newnavigation li a.nochildren:hover { color: #0099ff; background-color: #f9f9f9; background-position: 1px -258px } ul#newnavigation li ul { color: #666; font-size: 80%; display: none; margin: 0 0 5px 20px; padding: 0 } ul#newnavigation li ul li { display:inline;} ul#newnavigation li ul li a { color: #666; text-decoration: none; background-image: url("../images/bullet_new.gif"); background-repeat: no-repeat; background-position: 0 5px; display: block; margin: 0; padding: 0 0 0 10px } ul#newnavigation li ul li a:hover { color: #0099ff; background-color: #f9f9f9; background-position: 0 -39px } ul#newnavigation div.clear { height: 1px; font-size: 0; } ul#newnavigation a.current { color: #000000; } /* styles for signup forms */ form.mailinglist label { color: #333; font-size: 75%; font-weight: bold; text-align: right; display: block; margin: 0; padding: 3px 5px 3px 0; width: 150px; float: left } form.mailinglist input { margin: 0 0 5px; padding: 0; } form.mailinglist input.submitbutton { margin-left: 150px; margin-top:30px;} form.orderform label, p.pseudolabel { color: #333; font-size: 75%; font-weight: bold; text-align: right; display: block; margin: 0; padding: 3px 5px 3px 0; width: 150px; float: left } form.orderform input, form.orderform select { margin: 0 0 5px; padding: 0; } form.orderform .fixedinput {display:block;font-size: 75%; font-color: #666666; padding: 3px 5px 3px 0;} form.orderform input.submitbutton { margin-left: 150px; margin-top:30px;} table.narrow { width : 540px; } table.narrow tr { display: block; border-bottom: 1px dashed #999 } table.narrow td { margin: 0; padding: 0; } table.narrow td.zone { font-size: 75%; padding-left: 5px; width: 230px } table.narrow td.perbook { font-size: 75%; padding-left: 5px; width: 310px } table.basket { width: 540px } table.basket tr { display: block; border-bottom: 1px dashed #999 } table.basket td { margin: 0; padding: 0; } table.basket td.basketitem { font-size: 75%; padding-left: 5px; width: 385px } table.basket td.basketitem a { color: #00a4ff; text-decoration: none } table.basket td.basketitem a:hover { text-decoration: underline } table.basket td.basketprice { font-size: 75%; width: 45px } table.basket td.basketquantity { font-size: 75%; text-align: center; width: 60px } table.basket td.basketremove { width: 20px } table.basket td.basketremove a { font-size: 50% } table.basket td.basketremove a:hover { } table.basket td.basketlabel { font-size: 75%; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; width: 385px } table.basket td.total {font-weight: bold;} table.basket td.basketquantity input { width: 20px } input.update, input.proceed { margin-left: 385px; } h3.basket { color: #00a4ff; font-size: 100%; font-weight: normal; margin: 20px 0 10px; padding: 0 0 5px; border-bottom: 1px solid #999 } /* batch info */ p.batch_info { text-align: center; } p.fixed_width { width:525px; display:block; border-top: } a.batch_prev { text-decoration:none; color: #a80000; float:left; font-size:120%;} a.batch_prev:before {content: '< ';} a.batch_prev:hover { text-decoration:underline; } a.batch_next { text-decoration:none; color: #a80000; float:right;font-size:120%;} a.batch_next:after {content: ' >';} a.batch_next:hover { text-decoration:underline; } a.backtotop { text-decoration:none; color: #a80000; } a.backtotop:hover { text-decoration:underline; } td.price img.multibuy_icon { margin-right:4px; margin-top:3px; }