/* ------------------------------------------------------------- This stylesheet defines all global, non section specific styles such as classes, headers and links. --------------------------------------------------------- */ /* ============================================================= RESET ============================================================= */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ins { background-color: #ff9; color:#000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } .clear { clear: both; display: block; } body { background: #fff; color:#000; font: 11px/1.2 Arial,"Helvetica Neue","Helvetica",sans-serif; } html { background: #fff; } img { display: block; } img.placeholder { background: #d1d3d4; } .hidden {display:none;} input::-moz-focus-inner /*Remove button padding in FF: fixes odd issue with Firefox ignoring specifically applied padding*/ { border: 0; padding: 0; } /* ============================================================= LINK TYPOGRAPHY ============================================================= */ a { color: #000; text-decoration: none; } a:visited { color: #000; } a:active { color: #ccc; } a:hover { color: #888; } #tools a { color: #c0c0c0; } a.button { color: #fff; font-weight: bold; text-align: center; text-transform: uppercase; } a.more { font-weight: bold; } a.readership_links:hover, div.catalogue a:hover { text-decoration:underline !important; } #student-resources .content a:link, #content .student_resource a:link, #content .academic_resource a:link, #content .about-us a:link, #content .contact_page a:link{ text-decoration:none; color:#888; } #content .contact_page a.accordion:hover{ text-decoration:underline; color:#888; } #student-resources .content a:visited, #content .student_resource a:visited, #content .academic_resource a:visited, #content .about-us a:visited, #content .contact_page a:visited{color:#888;} #content .about-us h5 a:link, #content .about-us h5 a:visited{color:#000;} #content .about-us h5 a:hover{color:#888;} #content .contact_page h5 a:link, #content .contact_page h5 a:visited{color:#000;} #student-resources .content a:hover, #student-resources .content a:active, #content .student_resource a:hover, #content .student_resource a:active, #content .academic_resource a:hover, #content .academic_resource a:active, #content .about-us a:hover, #content .about-us a:active, #content .contact_page a:hover, #content .contact_page a:active{ text-decoration:underline; color:#000; } /* ============================================================= HEADER TYPOGRAPHY ============================================================= */ h2 { color: #000; font-size: 16px; height: 57px; padding: 3px 0 0; } h3 { color: #000; font-size: 11px; margin: 0 0 6px; } h4 { color: #000; font-size: 15px; font-weight: bold; padding-bottom: 11px; } h5 { margin-bottom: 24px; } h6 { line-height: 1.3; padding: 0 0 5px; } /* ============================================================= DIV CLASSES ============================================================= */ .column { border-top: 8px solid #f9ed43; float: left; margin: 3px 12px 0 0; width: 228px; } /* jgm added margin: 0 12px 0 0; */ #content .generalcol { border-color: #999; border-bottom: none; margin-bottom: 0; } #content .noborder { border: none; } .narrow { width: 132px; } .doublecol { width: 468px; } .main { border: none; margin-right: 36px; width: 348px; } .midwidth { width: 504px; margin-right: 12px; } #main { float: left; clear: left; margin-top: 3px; margin-bottom: 30px; } #main .narrow li { border-color: #999; } .panels { width: 300px; } .thinpanels { width: 240px; } .panels h5 { margin: -1px 0 6px; } .panels p { padding: 0 0 12px; } .panels .panel { background: #f9ed43; margin: 0 0 12px; padding: 16px 12px 12px; position: relative; } .panels .panel a:hover {text-decoration:underline;} .mainpanel { color: #fff; padding-right: 120px !important; } .mainpanel h3, .mainpanel a { color: #fff; } .mainpanel img { display: block; position: absolute; right: 10px; top: 12px; } .subpanel { width: 156px; } .catalogue { background: #f9ed43; padding: 0 48px 48px 24px; width: 612px !important; } .catalogue h3 { color: #000; display: inline; border-bottom: 4px solid #000; line-height: 46px; margin-left: 12px; position: relative; top: -4px; } .catalogue .wrap { background: #fff; padding: 16px 12px 0; } .catalogue .section { border-bottom: 8px solid #f9ed43; margin-bottom: 16px; overflow: hidden; position: relative; } .catalogue .last { border: none; margin: 0; } .catalogue ul { padding-left: 72px; } .catalogue ul.row { float: left; } .catalogue li { float: left; margin: 0 5px; padding: 0 0 24px 32px; width: 124px; } .catalogue img { border: 1px solid #000; margin: 0 0 6px; } .catalogue-overview li{ padding-bottom:0; height:190px; } .catalogue .section h5 { border-bottom: 4px solid #f9ed43; position: absolute; left: 0; top: 128px; } .catalogue .section em { display: block; font-style: normal; font-weight: bold; margin: 12px 0 0; } .catalogue .section .actions { margin: 12px 0 0; width: 112px; } .catalogue .section .price { padding-top: 3px; } .catalogue .section .price span { color: #999; font-weight: normal; } .catalogue .section .price span span.rrp{ display:inline; background: transparent url("/assets/images/icons/redline.png") 0 6px repeat-x; } .content { border: 8px solid #f9ed43; border-style: solid none; padding: 0 175px 42px 0; width: 365px; } /* jgm padding: 0 175px 36px 0; */ .content h2 { height: auto; padding: 13px 0 11px; } .content .sub { color: #999; display: block; margin: -16px 0 16px; } .content .sub p { padding-bottom: 0; margin-bottom: 0; margin-top: 10px; } /*jgm added */ .content p { padding: 0 0 12px; } p.block { margin-left: 0; padding-bottom: 0; margin-bottom: 0; } .fullwidth { padding-right: 20px; width: 520px; } .form { border: 8px solid #999; border-style: solid none; padding: 12px 48px 12px 0; width: 492px; } .bookinfo { background: #f9ed43; padding: 48px 48px 48px 24px; width: 684px !important; } .bookinfo .wrap { background: #fff; padding: 16px 12px 0; } .bookinfo .column { width: 204px; } .bookinfo .small_sep { display: block; height: 4px; margin-bottom: 3px; width: 24px; } .bookinfo .mcKf ul { margin-top: 5px; } .bookinfo p.price { font-size: 13px; } .midwidth p { margin: 0 0 12px; } .generalcol .section { border-bottom: 8px solid #999; clear: left; overflow: hidden; padding: 12px 140px 12px 0; width: 400px; } .generalcol .section.formIndent { padding: 0 140px 12px 0; } .generalcol .section.formIndent p { float: left; display: block; width: 159px; } .generalcol .section.formIndent div { float: left; display: block; } .generalcol .section.formIndent div.interests { display: inline; clear: none; } .generalcol .section.formIndent div.interests input { display: inline; margin: 0 16px 0 0; } .generalcol .section.formIndent div.interests label { display: inline; width: 159px; padding-bottom: 8px; } .generalcol .section.formIndent div.prefs { display: inline; margin-left: 159px; padding: 25px 0 31px 0; } .generalcol .section .general div.prefs { padding: 25px 0 31px 0; } /*jgm edited padding: 25px 0 31px 153px; */ .generalcol .section.formIndent label { display: block; float: left; font-weight: bold; line-height: 1; padding: 1px 0 0 0; width: auto; } .generalcol .section .general div.prefs label { display: block; float: left; font-weight: bold; line-height: 1; padding: 4px 0 0 12px; width: auto; } .generalcol .section .general input { float: left; } .generalcol .section .general input#submit {float:none;} .generalcol .section.formIndent input { float: left; margin: 0 16px 0 0 !important; } .generalcol .section.formIndent div.submitIndent { padding: 17px 0 39px 156px; } .generalcol .section.academic { padding: 0 0 12px 0; width: 540px; } .generalcol .section.academic.academicReg { padding-top: 39px;} .generalcol .section.academic p { padding-bottom: 10px; line-height: 1.3em; } .generalcol .section.academic p.labelIndent { clear: both; padding-left: 159px; } .securityCode .info {margin-bottom:8px;} .generalcol .section.academic div.registerAcademic { float: left; display: inline; margin-left: 159px; padding: 1px 0 17px 0; } .generalcol .section.academic div.registerAcademic label { width: auto; } .generalcol .section.academic label { display: block; float: left; font-weight: bold; line-height: 1; padding: 1px 0 0 0; } .generalcol .section.academic input { float: left; margin: 0 16px 10px 0 !important; } .generalcol .section.academic input.button { margin: 20px 0 0 156px !important; } .generalcol .section.registerSection { width: 540px; padding-right: 0; } .generalcol .additional { clear: both; width: 539px; border-top: 8px solid #999; padding: 12px 0 0 1px; margin-top:24px; } .generalcol .section.account-details .additional{margin-top:0;} .generalcol:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .generalcol .additional p { padding-bottom: 2px; } .generalcol .checkout {padding-bottom:0;} .generalcol .checkout fieldset.last{padding-bottom:0;} .generalcol .checkout fieldset.last input.button{margin-bottom:36px !important;} p.bullet { clear: both; display: inline; background: #fff url("/assets/images/icons/white-arrow.gif") left 3px no-repeat; font-weight: bold; padding-left: 12px; line-height: 2.4em; } .section form p.bullet { clear: both; display: block; margin: 10px 0 0 175px; background-position: left 1px; padding-left: 18px; } form p.bullet a { line-height: 100%; vertical-align: top; } .midwidth .section { width: 365px; } .thincol { width: 324px; } .thin col h2 { padding-bottom: 0; } /*jgm added */ .thincol .section { width: 376px; } .section a.more { background: url(/assets/images/icons/white-arrow.png) no-repeat 0 2px; font-weight: bold; padding-left: 14px; } .section h2 { margin-top: -12px; } table { border: 1px solid #999; border-style: solid none; font-weight: bold; line-height: 2.2; margin: 15px 0; width: 540px; } table td.meta { text-align: right; width: 75px; } table td.last { border-bottom: 1px solid #999; padding-bottom: 15px; } table td.first { padding-top: 15px; } table tr.first td { padding-top: 12px; } .order .block { margin-left: 124px; } .order .block a { padding-left: 20px; } .order a.block { padding-left: 33px; } dl { margin: 24px 0; } dl dt { font-weight: bold; float: left; } dl dd { padding: 0 0 0 154px; margin: 0 0 12px; } #content .maxwidth { padding: 0; width: 756px; } #content .maxwidth .section { padding: 0; width: 100%; } table.cart { border: none; width: 100%; } table.cart th { text-align: left; } table.cart td { border-top: 1px solid #999; padding: 10px 0; vertical-align: top; } table.cart img { border: 1px solid #000; display: block; } table.cart input { border: 1px solid #000; margin-right: 24px; width: 22px; } table.cart p { padding: 0; } table.cart a.cartbutton { background: #f9ed43; display: block; line-height: 13px; margin: 7px 0 0 0; padding: 0 0 0 12px; width: 72px; } table.cart tfoot .total { padding-right: 20px; text-align: right; } table.cart tfoot { font-size: 16px; } table.cart tfoot a { float:left; font-size:11px; line-height:1.2em; } table.cart .action td { border-top: none; border-bottom: 1px solid #999; } div.pay_methods { } div.pay_methods p { font-weight: bold; padding: 0; } div.special_offers { width:540px;border-bottom: 8px solid #f9ed43;} div.special_offers h2 {margin-top:13px;height:auto;} div.special_offers ul.offers {margin-top:48px;width:228px;} div.special_offers ul li.last {border-bottom:none;} #content .student_resource p.block{ width:100%; margin:6px 0 6px; padding-bottom:0px; } #content .student_resource p.block a:link, #content .student_resource p.block a:visited, #content .academic_resource p.block a:link, #content .academic_resource p.block a:visited{color:#000;} #content .student_resource p.block a:hover, #content .student_resource p.block a:active, #content .academic_resource p.block a:hover, #content .academic_resource p.block a:active{color:#888;} /* ============================================================= LIST STYLING ============================================================= */ ul { list-style: none; } ol { list-style: none; } /*.column ul { border-bottom: 8px solid #f9ed43; }*/ .column li { border-top: 8px solid #f9ed43; overflow: hidden; padding: 3px 0 20px; } .column li.colour_text { padding-top: 0; margin-top: -3px; } /*jgm added margin */ .column h2 span { color: #999; display: block; font-size: 11px; font-weight: normal; } .column img { margin: 3px 0 5px; } .column li.last { border-bottom: 8px solid #f9ed43; } .book_panel img { border-width: 1px; border-style: solid; } .book_panel strong { padding-right: 5px; } .book_panel em { display: block; font-style: normal; font-weight: bold; } .book_panel ol { float: right; } /* .book_panel div { margin: 12px 0 0; } COMMENTED OUT BY PETER 11-09-10 DUE TO EFFECTING HOMEPAGE BUNDLES */ .book_panel div p { color: #000; float: left; font-weight: bold; } .book_panel div span { color: #999; display:block; } .book_panel div span span.rrp { display:inline; background: transparent url("/assets/images/icons/redline.png") -28px 6px no-repeat; } .book_panel .product-title {margin-bottom:8px;} .single_book h3 { font-size: 13px; margin-top: 3px; padding-right: 50px; } /* jgm edited margin-top: 12px; */ .single_book h3 span { color: #999; display: block; } .book_head { overflow: hidden; padding: 0; } .book_head img { border: 1px solid #000; float: left; margin: 0 12px 6px 0; } .book_head p { clear: left; font-size: 10px; line-height: 1; padding: 0 0 27px 216px; } .book_head .navlink { background-image: url(/assets/images/icons/navlink-arrows.png); display: block; float: left; height: 8px; margin: 1px 4px 0 0; width: 8px; } .book_head a.next { background-position: -8px 0; } .book_head a span { display: block; height: 0; overflow: hidden; } .book_head #cover-frame { width:204px; float:left; } .book_head #cover-frame img { float:right; margin-right:0; } .book_head #spread-frame { margin-left:12px; float:left; } ol.actions { overflow: hidden; width: 100px; } ol.actions li { border: none; margin: 1px 0 0; padding: 0; } ol.actions a { background: #f9ed43 url(/assets/images/icons/arrow.gif) no-repeat 2px 2px; display: block; font-size: 10px; line-height: 10px; padding: 1px 0 1px 14px; color: #000000 ! important; } ol.actions a:active { color: #ccc !important;text-decoration:none !important; } ol.actions a:hover {color: #888 !important;text-decoration:none !important; } .narrow img { height: 46px; width: 132px; } li.article { padding: 10px 0 12px; } .article img { /* height: 146px; */ margin: 0 0 10px; width: 348px; } .article p { padding: 0 25px 12px 0; } .article span { display: block; color: #999; margin: 8px 0 -12px; } .article a { color: #888; } .article a:hover { color: #000; text-decoration:underline; } .article a.block { color: #000; margin: 12px 0; } .article a.block:hover { color: #888; margin: 12px 0; text-decoration:none; } li.news_pagination { padding:10px 0 0 0;} .search-item p a { color: #888; } .search-item p a:hover { color: #000; text-decoration:underline; } .content .contact_page h2 {padding-bottom:13px;} .accordian { border: none !important; } .accordian li { padding: 6px 0 12px; } .accordian strong { font-size: 12px; } .accordian ol { border: none; padding: 12px 0; } .accordian ol li { border: none; padding: 0 0 24px 46px; } .accordian ol a { font-weight: bold; } .accordian ol .pdf { background: url(/assets/images/icons/pdf.png) no-repeat 0 0; } .accordian ol .video { background: url(/assets/images/icons/video.png) no-repeat 0 0; } .accordian ol .image { background: url(/assets/images/icons/image.png) no-repeat 0 0; } .accordian ol .text { background: url(/assets/images/icons/text.png) no-repeat 0 0; } .accordian ol .general { background: url(/assets/images/icons/pres.png) no-repeat 0 0; } .student-resources ol li{padding-top:3px;} .academic_resource h2 {padding-bottom:16px;} .academic_resource p.block{width:100%; padding-bottom:8px;} .academic_resource ul { margin-top:40px;border-width:8px; border-style:solid; border-right-style:none;border-bottom-style:none;border-left-style:none;padding: 12px 0 0; } .academic_resource ul li { border:none; padding: 3px 0 24px 46px; } .academic_resource ul a { font-weight: bold; } .academic_resource ul .pdf { background: url(/assets/images/icons/pdf.png) no-repeat 0 0; } .academic_resource ul .video { background: url(/assets/images/icons/video.png) no-repeat 0 0; } .academic_resource ul .image { background: url(/assets/images/icons/image.png) no-repeat 0 0; } .academic_resource ul .text { background: url(/assets/images/icons/text.png) no-repeat 0 0; } .academic_resource ul .general { background: url(/assets/images/icons/pres.png) no-repeat 0 0; } h5 a.accordion { background: url(/assets/images/icons/arrow-closed.gif) no-repeat 4px 0; line-height: 12px; margin-bottom: 0; margin-top: -10px; padding: 0 0 0 16px; }/*jgm edited */ h5 a.accordion_open { background: url(/assets/images/icons/arrow-open.gif) no-repeat 0 3px; } .student-resources a.accordion, .student-resources a.accordion_open, .academic-resources a.accordion, .academic-resources a.accordion_open {background:none;padding:0;} .moreinfo { border: none !important; margin: 5px 0 -12px; } .moreinfo ul { border: none; } .moreinfo li { border: none; padding: 0 0 24px 16px; } .moreinfo h5 { background: #fff url(/assets/images/icons/arrow-closed.gif) no-repeat 0 0; line-height: 12px; margin-left: -16px; padding: 0 0 0 16px; } .moreinfo li.on h5 { background: #fff url(/assets/images/icons/arrow-open.gif) no-repeat 0 3px; } .moreinfo li h6 { line-height: 1; padding: 0 0 2px; } .moreinfo p { margin: 10px 0 0; } .moreinfo ul { left: -10px; position: relative; } .moreinfo li li { background: url(/assets/images/icons/squarebullet.gif) no-repeat 0 2px; padding: 0 0 0 10px !important; } .moreinfo li li p { margin: 0; } #content .booknav ul { border: none !important; } .booknav li { border: 8px solid #f9ed43 !important; border-style: none none solid !important; padding: 0; } .booknav a { background: url(/assets/images/icons/white-arrow.png) no-repeat 10px 11px; display: block; font-weight: bold; height: 23px; padding: 8px 0 0 24px; } .booknav a.share { position: relative; } .booknav a.share span { background: url(/assets/images/icons/share.png) no-repeat 0 0; display: block; height: 16px; position: absolute; right: 20px; top: 7px; width: 16px; } .booknav .bookfield { border: none !important; margin-bottom: 8px; } #content .panel ol { list-style: decimal outside; margin-left: 15px; margin-bottom: 10px; } #content .panel ol li { border: 0; overflow: visible; padding: 0 0 2px; } .actionlist { margin: 35px 0 -24px; } /* jgm edited margin: 48px 0 -24px; */ .actionlist li { padding: 0 0 12px; } .actionlist h2 { padding-top: 12px; } .actionlist a.block { margin-left: 0; } .suggest { clear: left; } .suggest h3 { background: #f9ed43; height: 24px; padding: 9px 0 0 24px; } .suggest ul { padding-left: 217px; overflow: hidden; } .suggest li { float: left; margin: 6px 20px 48px 0; width: 125px; } .suggest img { border: 1px solid #000; margin: 0 0 6px; } .suggest .isbn { display: block; margin: 6px 0 0; } .suggest .price span { color: #999; } .suggest em { font-style: normal; font-weight: bold; } .column ul ul { border: none; margin: 0 0 -3px; padding: 6px 0 0; } .column ul ul li { border: none; font-weight: bold; padding: 0 0 3px; } .column ul ul li p { font-weight: normal; margin: 0 0 12px; } .column blockquote { margin: 12px 0 0; } .column cite { display: block; font-style: normal; font-weight: bold; margin: 6px 0 0; } .column cite span { display: block; } ul.cartlinks { float: left; margin: 0 60px 60px 0; } ul.cartlinks li { border: none; float: none; padding: 0 0 0; } ul.cartlinks a { background: url(/assets/images/icons/white-arrow.png) no-repeat 0 3px; font-weight: bold; padding-left: 12px; } .column ul.feedlist li { padding-bottom: 14px; } .column ul.feedlist li h6 { padding-bottom: 0px; } .st_sharethis { padding:5px 0;display:block;width:100%;} .stButton {float:right;} /* ### Homepage Slideshow ### */ .feature { background: #8a8d09; border: none; margin-right: 156px; margin-bottom: 18px; position: relative; } .feature #slideshow { height:243px; overflow:hidden; } .feature img { } .feature .slide { padding:8px 12px 3px; width:444px;height:243px; }/*{ padding:5px 32px 3px; width:404px; }*/ .feature .slide div.cover { position:relative; float: left; width:216px;} .feature .slide div.cover a {display:block;left:0;top:0;width:100%;} .feature .slide div.cover a img {margin: 0 auto;} .feature .slide div.details { padding: 0 0 0 228px; } /* { padding: 0 0 0 208px; }*/ .feature em, .feature strong { display: block; margin: 0 0 12px; } /* jgm edited margin: 0 0 10px; */ .feature em { font-style: normal; font-weight: bold; } .feature strong a { color: #fff; font-size: 12px; } .feature strong a:hover {text-decoration:underline;} .feature a.slider_nav { background: url(/assets/images/icons/homepage-arrows.png) no-repeat 0 0; bottom: -18px; display: block; height: 12px; position: absolute; width: 12px; } .feature a.slider_nav span { display: block; height: 0; overflow: hidden; } .feature a.prev { background-position: 0 0; left: 240px; } .feature a.next { background-position: -12px 0; left: 258px; } .feature p.price { color: #fff; font-size: 12px; } .feature p.price span { opacity: .5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .feature p.price span.rrp{ display:inline; background: transparent url("/assets/images/icons/whiteline.png") -20px 6px repeat-x; opacity: 2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=200)"; filter: alpha(opacity=200); } /* ### Homepage Bundle Slideshow ### */ .bundle-slideshow { height:152px; overflow:hidden; } .bundle-slideshow .cover a:hover, .bundle-slideshow .cover a:active{color:#000;} .bundle-nav { position:relative; float:right; width:40px; } .book_panel div.bundle-nav p {font-weight:normal;} .bundle-nav span { display:inline; color:#000; } .bundle-nav a.slider_nav { background: url(/assets/images/icons/homepage-small-arrows.png) no-repeat 0 0; display: block; position: absolute; height: 8px; width: 8px; } .bundle-nav a.slider_nav span { display:block; height: 0; overflow: hidden; } .bundle-nav a.prev { background-position:0 0; top:18px; } .bundle-nav a.next { background-position:-8px 0; left:12px; top:18px; } div.bundle-nav span.img-counter { color:#000; display:inline; } .product-title a:hover {text-decoration:underline;} /*................ JGM added ....................*/ .about-us { padding-bottom: 24px; width:365px; } .about-us .sub {margin-bottom:8px;} .content h2#about-h2-more { padding-top: 7px; padding-bottom:12px; } /* about us page more information padding-bottom: 20px;*/ .about-us h5{height:24px;padding-top:12px; margin-bottom:0;} .about-us h5 a.accordion { padding-left:20px; margin:0;} .about-us .accordion-text{padding-left:20px;} .about-us ul.accordion-text{padding-left:0;} .about-us ul.accordion-text li{list-style-type:none;padding-left:20px;padding-bottom:12px;background: #FFF url('/assets/images/icons/squarebullet.gif') no-repeat 10px 7px;border-top:none;} .contact_page h5{height:24px;padding-top:12px; margin-bottom:0;} .contact_page h5 a.accordion { padding-left:20px; margin:0;} .contact_page .accordion-text{padding-left:20px;padding-top:0;} .contact_page p.accordion-text{padding-bottom: 12px;} .contact_page ul.accordion-text{padding-left:0;} .contact_page ul.accordion-text li{list-style-type:none;padding-left:20px;padding-bottom:12px;background: #FFF url('/assets/images/icons/squarebullet.gif') no-repeat 10px 7px;border-top:none;} .general #contact-submit { margin-top: 10px; margin-bottom: 38px; padding-top: 10px; background-position: 20px 15px; } .contact_page { padding-bottom: 48px !important; } .contact_page p { width: 324px; padding:12px 0 0; } a.email-address {color:#aaa;} a.email-address:hover { color:#000; text-decoration:underline; } /* .content .contact_page a:hover .content .contact_page a .contact_page h5 a.accordion { display: block; margin-bottom:0; margin-top: 24px; color:#000; } .contact_page h5 {margin-bottom:0;} #content .contact_page.last p {padding-left:16px!important;} */ h5 a.accordion.first {margin-top:5px;} #contact-p-before-accord { padding-bottom: 0 !important;} #desk-register { margin-top: 24px; margin-bottom: 6px} #desk-login { margin-bottom: 24px;} #student-resources p { width: 324px;} .accordian.student-resources, .accordian.academic-resources { margin-top: 30px;} .student-resources ol, .academic-resources ol { padding-bottom: 0 !important; padding-top: 0 !important } ul.student-resources > li, ul.academic-resources > li { padding-bottom: 4px; } ul.academic-resources li ol li {padding-bottom:10px;padding-left:0;} .academic-resources ol li a:hover, .academic-resources ol li a:active, .student-resources ol li a:hover, .student-resources ol li a:active{text-decoration:underline;} .content p object { margin-top: 11px; } .student-download { margin-top: 10px !important; } .account-details { padding-top: 0 !important; } .my-account { padding-bottom: 48px !important;} .my-account .block { margin-top: 12px; } .edit-user { padding-bottom: 50px;} .update-submit { margin-top: 10px!important; margin-bottom:48px !important; } .submitIndent { padding-bottom: 36px !important; } .generalcol .section.academic input.academic-submit { margin-top: 15px !important; margin-bottom: 22px !important; } .catalogue-overview li a img { border: 1px solid black; } .accordian h5 { margin-bottom: 10px; } div#bundle-covers div.book-cover p { margin-bottom: 24px !important; } .catalogue-overview .section { padding-bottom: 15px; } .stButton { margin-right: -2px !important; } .slideshow .price { font-size: 13px;} /*.my-account a.block { padding-left: 34px; width: 170px; padding-top: 10px;} */ .edit-user .button { margin-bottom: 36px !important;} /* 23 */ /* ============================================================= FORMS ============================================================= */ fieldset { border-top: 1px solid #999; padding: 12px 0 24px; } fieldset.last { padding-bottom: 0; } fieldset h6 { margin: 0 0 10px; } fieldset p { margin: 0 0 20px; } form.general { padding: 12px 0; width: 540px; } .generalcol .section.formIndent form.general { padding: 0 0 12px 0; } form.general .grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .general div { clear: left; } .general .textfield { border: 1px solid #ccc; margin: 0 0 10px; padding: 3px 5px; width: 324px; } .securityCode { padding-top: 23px; } .general .textfield.captcha { background: #c6c6c6; border: 1px solid #c6c6c6; margin: 0 0 10px; padding: 3px 5px; width: 324px; height: 32px; } .general textarea { border:1px solid #CCCCCC; margin:0 0 10px; padding:3px 5px; width:324px; height: 62px; font:13px/1.2 Arial,"Helvetica Neue","Helvetica",sans-serif; } .general select { border:1px solid #CCCCCC; padding:2px; margin: 0 0 10px; width: 336px; } .general label { display: block; float: left; font-weight: bold; line-height: 1; padding: 5px 0 0; width: 156px; } .general label span { display: block; font-weight: normal; font-size: 10px; } .general .check { margin-left: 0px; } .general .button { background: #f9ed43 url(/assets/images/icons/arrow.gif) no-repeat 20px 9px; border: none; font:11px/1.2 Arial,"Helvetica Neue","Helvetica",sans-serif; font-weight: bold; margin: 8px 0 0 156px; padding: 5px 0 12px 34px; text-align: left; width:178px; } #contact-form .button, #academic-feedback-form .button, #desk-inspection-form .button, #user-details-form .button, #login-form .button, #register-form .button, #forgot-password-form .button { background: url("/assets/images/icons/arrow.gif") no-repeat scroll 12px 11px #F9ED43; width:204px;height:32px;font:11px/1.1 Arial,"Helvetica Neue","Helvetica",sans-serif;font-weight:bold;padding: 8px 0px 14px 24px !important;}/ * FF adds in its default stylesheet, so we have to take away. See reset at top, else padding-top:6px padding-left:20px*/ #contact-form .button {margin-bottom:36px;} #login-form p.bullet, #forgot-password-form .bullet{margin-left:168px;padding-left:12px;} .general label.error { clear: left; color: #FF3300; display: inline; float: left; font-size: 10px; margin: -8px 0 8px 156px; padding:0; width:auto; } .general ol { margin: 0 -50px 12px 0; padding: 5px 0 0 156px; } .general ol li { border: none; margin: 0; padding: 0; width: 312px; } .general ol.grid li { float: left; padding-top: 0; width: 180px; } .general ol.grid label { float: none; } .general ol .check { margin: 2px 15px 4px 0; float: left; } .general ol label { display: inline; float: left; padding: 0; width: 250px; } .general ol li.in-field { float: left; margin: 5px 0 0; padding-left: 31px; } .general ol .textfield { margin-top: 3px; width: 292px; } .general .info { padding-left: 156px; } .wide { padding: 0 0 5px; } .wide label { float: none; margin: 12px 0 15px; width: 480px; } .wide .textfield { width: 480px; } .wide span.error { margin-left: 0; } label.light { color: #939598; } #searchform .textfield { background: #fbf5a1; border: none; font-size: 11px; margin: -3px 0 0; padding: 2px 5px; width: 112px; } #searchform .button { background: transparent; border: none; font-family: Arial,"Helvetica Neue","Helvetica",sans-serif; font-size: 11px; font-weight: bold; margin: -3px 0 0; } form.selector ul { border: none; overflow: hidden; } form.selector li { border: none; float: left; margin: 0 0 0px 15px; width: 140px; } #desk-inspection form.selector select { margin: 5px 0 0; width: 140px; font-size:11px; } #content #desk-inspection .remove { color:#dd0b0a; background:url("/assets/images/icons/red-arrow.jpg") no-repeat left 2px;padding-left:14px;} #content #desk-inspection .remove:hover {text-decoration:underline;} #content .warning { color:#dd0b0a; width:365px; margin:0 0 12px; } div.review-container { width:204px; display:block; overflow:hidden; } /*height:100px; REMOVED TO ALLOW REVIEWS TO BE OVER 4 LINES */ div.review-nav {float:right;} div.review-nav a { background-image:url("/assets/images/icons/navlink-arrows.png"); display:block; float:right; height:8px; margin:3px 0 0 4px; width:8px; } div.review-nav a span { display:block; height:0; overflow:hidden; } div.review-nav a.next { background-position:-8px 0; } /* PrettyPhoto override */ div.pp_pic_holder div.pp_content div.pp_hoverContainer a.pp_next, div.pp_pic_holder div.pp_content div.pp_hoverContainer a.pp_previous{display:none;} /* ============================================================= BUTTONS ============================================================= */ input.button:hover { cursor: pointer; color:#888; }