/* HTML TAGS */ body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; /* text-align: center; /* centering hack for IE/Win 5.0+ */ } img { border: none; margin: 0; padding: 0; } form { margin: 0; padding: 0; } a:link, a:visited { color: #334F9E; text-decoration: underline; } a:hover, a:active { color: #C00; text-decoration: underline; } h1, h2, h3, h4, h5, p, ul, ol, li { margin: 0; padding: 0; } /* ------------------------------------------------------------------------------- */ /* GLOBAL USEFUL CLASSES */ .alt, .print { display: none; } .clearall { clear: both; } .clearleft { clear: left; } .debug { border: 1px solid #f00; color: #f00; } .hint { font-size: 0.8em; color: #C00; } #CartForm .hint, #ContactForm .hint, #SupportForm .hint { padding-left: 85px; font-size: 0.7em; } #SupportForm .hint { padding-left: 115px; } .back_to_top { clear: both; margin: 1em 0 3em; } .back_to_top a:link, .back_to_top a:visited { font-size: 0.7em; font-weight: normal; float: right; } .back_to_top a:active, .back_to_top a:hover { } img.img_floatleft { float: left; padding: 0 10px 5px 0; } img.img_floatright { float: right; padding: 0 0 5px 10px; } iimg.img_center { display: block; margin: 0 auto; } /* ------------------------------------------------------------------------------- */ /* LAYOUT & CONTAINERS */ .div_container { position: relative; width: 910px; margin: 0 auto; text-align: left; /* compensates for IE/Win 5.0+ centering hack - see definition above */ } .form_container { visibility: hidden; display: none; margin: 0; padding: 0; border: none; } .page_holder { position: relative; width: 910px; margin: 0 auto; padding: 0; text-align: left; /* compensates for IE/Win 5.0+ centering hack - see definition above */ clear: both; } #head { position: relative; width: 135px; } /* ------------------------------------------------------------------------------- */ /* HEADER CONTENTS */ #head h2 { background: #fff url(../_image/logo.jpg) no-repeat top center; display: block; height: 213px; width: 122px; margin: 0 0 10px 5px; } /* ------------------------------------------------------------------------------- */ /* MENU CONTENTS */ ul#menu, #cart ul { margin: 0; padding: 0; list-style: none outside none; } ul#menu li a, #cart ul li a { display: block; width: 136px; height: 48px; } ul#menu li.subjects a { background: #fff url(../_image/subject-menu.jpg) no-repeat; } ul#menu li.support a { background: #fff url(../_image/support-menu.jpg) no-repeat; height: 46px; } ul#menu li.free_trial a { background: #fff url(../_image/approval-menu.jpg) no-repeat; } ul#menu li.downloads a { background: #fff url(../_image/downloads-menu.jpg) no-repeat; height: 47px; } ul#menu li.testimonials a { background: #fff url(../_image/testimonials-menu.jpg) no-repeat; height: 47px; } ul#menu li.contact a { background: #fff url(../_image/contact-menu.jpg) no-repeat; } div#cart ul li.order a { background: #fff url(../_image/order-menu.jpg) no-repeat; } #menu li a { } #menu li a:hover { } ul#aux { margin: 0; padding: 0 } ul#aux { list-style: none outside none; margin: 30px 0 0 15px; } ul#aux li { line-height: 0.85em } ul#aux li a { color: #464648; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; } ul#aux li a:link, ul#aux li a:visited { } ul#aux li a:hover, ul#aux li a:active { text-decoration: none; } /* ------------------------------------------------------------------------------- */ /* PAGE HEADER */ #page_head { width: 767px; margin: 0; padding: 0; height: 195px; } #page_head.home { background: transparent url(../_image/header-home.jpg) no-repeat left bottom; height: 433px; } #page_head.standard { background: transparent url(../_image/header.jpg) no-repeat left bottom; } #page_head.about-us { background: transparent url(../_image/header-about-us.jpg) no-repeat left bottom; } #page_head.order-form { background: transparent url(../_image/header-order-form.jpg) no-repeat left bottom; } #page_head.support { background: transparent url(../_image/header-support.jpg) no-repeat left bottom; } #page_head.contact { background: transparent url(../_image/header-contact.jpg) no-repeat left bottom; } #page_head.accessibility { background: transparent url(../_image/header-accessibility.jpg) no-repeat left bottom; } #page_head.sitemap { background: transparent url(../_image/header-sitemap.jpg) no-repeat left bottom; } #page_head.free-trial { background: transparent url(../_image/header-free-trial.jpg) no-repeat left bottom; } #page_head.privacy-policy { background: transparent url(../_image/header-privacy-policy.jpg) no-repeat left bottom; } #page_head.terms-conditions { background: transparent url(../_image/header-terms-conditions.jpg) no-repeat left bottom; } #page_head.testimonials { background: transparent url(../_image/header-testimonials.jpg) no-repeat left bottom; } #page_head.subjects { background: transparent url(../_image/header-subjects.jpg) no-repeat left bottom; } #page_head.downloads { background: transparent url(../_image/header-downloads.jpg) no-repeat left bottom; } #page_head.geography-history { background: transparent url(../_image/header-geography-history.jpg) no-repeat left bottom; } #page_head.math-science { background: transparent url(../_image/header-math-science.jpg) no-repeat left bottom; } #page_head.ict-controls { background: transparent url(../_image/header-ict-controls.jpg) no-repeat left bottom; } #page_head.design { background: transparent url(../_image/header-design.jpg) no-repeat left bottom; } #page_head.admin { background: transparent url(../_image/header-admin.jpg) no-repeat left bottom; } /* PRODUCT HEADERS */ #page_head.time-lines { background: transparent url(../_image/header-time-lines.jpg) no-repeat left bottom; } #page_head.complete-local-studies { background: transparent url(../_image/header-complete-local-studies.jpg) no-repeat left bottom; } #page_head.infant-local-studies { background: transparent url(../_image/header-infant-local-studies.jpg) no-repeat left bottom; } #page_head.local-studies { background: transparent url(../_image/header-local-studies.jpg) no-repeat left bottom; } #page_head.extended-keys { background: transparent url(../_image/header-extended-keys.jpg) no-repeat left bottom; } #page_head.farm-key { background: transparent url(../_image/header-farm-key.jpg) no-repeat left bottom; } #page_head.welsh-language-loader { background: transparent url(../_image/header-welsh-language-loader.jpg) no-repeat left bottom; } #page_head.town-country { background: transparent url(../_image/header-town-country.jpg) no-repeat left bottom; } #page_head.map-importer { background: transparent url(../_image/header-map-importer.jpg) no-repeat left bottom; } #page_head.symbol-draw { background: transparent url(../_image/header-symbol-draw.jpg) no-repeat left bottom; } #page_head.mapping-skills { background: transparent url(../_image/header-mapping-skills.jpg) no-repeat left bottom; } #page_head.weather-watch { background: transparent url(../_image/header-weather-watch.jpg) no-repeat left bottom; } #page_head.times-tabler { background: transparent url(../_image/header-times-tabler.jpg) no-repeat left bottom; } #page_head.add-subtract { background: transparent url(../_image/header-add-subtract.jpg) no-repeat left bottom; } #page_head.save-your-energy { background: transparent url(../_image/header-save-energy.jpg) no-repeat left bottom; } #page_head.simple-circuits { background: transparent url(../_image/header-simple-circuits.jpg) no-repeat left bottom; } #page_head.skeleton { background: transparent url(../_image/header-skeleton.jpg) no-repeat left bottom; } #page_head.ict-self-assessor { background: transparent url(../_image/header-ict-self-assessor.jpg) no-repeat left bottom; } #page_head.complete-control { background: transparent url(../_image/header-complete-control.jpg) no-repeat left bottom; } #page_head.lift-control { background: transparent url(../_image/header-lift-control.jpg) no-repeat left bottom; } #page_head.factory-control { background: transparent url(../_image/header-factory-control.jpg) no-repeat left bottom; } #page_head.traffic-control { background: transparent url(../_image/header-traffic-control.jpg) no-repeat left bottom; } #page_head.junior-cad { background: transparent url(../_image/header-juniorcad-boxit.jpg) no-repeat left bottom; } #page_head h2 { width: 675px; height: 165px; left: 50px; top: 30px; position: relative; } #page_head.home h2 { background: transparent url(../_image/header-home-txt.gif) no-repeat left top; } #page_head p { display: none; } #page_head #banner { margin-top: 45px; } #page_head #banner .quad { width: 150px; margin: 0 25px 0 0; padding: 0; } #page_head #banner .quad.first { margin-left: 42px; } #page_head #banner .quad div.img { width: 150px; height: 100px; margin-bottom: 8px; } #page_head h3, #page_head h4 { color: #fff; } #page_head h3 { font-size: 0.9em; } #page_head h4 { font-size: 0.7em; } #page_head h4 a:link, #page_head h4 a:visited { color: #fff; text-decoration: none; } #page_head h4 a:hover, #page_head h4 a:active { text-decoration: underline; } /* ------------------------------------------------------------------------------- */ /* MAIN CONTENTS */ #page_content { padding: 0; margin: 28px 0 0; width: 760px; } #content_top { height: 100%; margin: 0; padding: 0; } #content_bottom { height: 100%; margin: 0; padding: 0 0 10px 10px; } .content_holder { clear: both; position: relative; margin: 0; padding: 0; } .content_holder .single { float: left; width: 890px; margin: 10px 10px 0 0; } .content_holder .double { float: left; width: 440px; margin: 10px 10px 0 0; } .content_holder .triple { float: left; width: 290px; margin: 10px 10px 0 0; } .content_holder .triplex2 { width: 590px; } .content_holder .quad { float: left; width: 215px; margin: 10px 10px 0 0; } .content_holder .quadx3 { width: 665px; } /* Content styles */ .content_holder .textfield, .content_holder .textareafield, .content_holder .radiofield, .content_holder .selectfield, .content_holder .buttonset { padding: 5px 0 5px 10px; clear: both; } .content_holder label { /* float: left; */ width: 115px; clear: both; } #CartForm label, #ContactForm label, Form label { float: left; width: 85px; margin: 0; } #CartForm .buttonset.cart label { width: 115px; float: none; } .content_holder input { width: 150px; } .content_holder .buttonset input { margin: 0 50px 0 0; width: auto; } .content_holder .textfield input, .content_holder .textareafield textarea { border: solid 1px #999; width: 160px; } #SupportForm .textfield input, #SupportForm .textareafield textarea { width: 300px; } #SupportForm .textareafield textarea { height: 100px; } .content_holder .radiofield { width: 300px; } .content_holder .buttonset.cart { width: 500px; } .content_holder .radiofield input, .content_holder .buttonset.cart input { float: right; margin-top: 10px; } .content_holder .buttonset.cart input { color: #c00; background: none; border: none; margin-top: 5px; text-decoration: underline; cursor: pointer; } .content_holder .selectfield select { } .price_option { color: #334F9E; width: 260px; } #content .price_option p { color: #334F9E; } #content .price_option p.price { float: right; font-size: 1.5em; font-weight: bold; margin: 0; } #content .price_option.total p { font-size: 1.1em; } #content .price_option.total h3 { display: inline; font-size: 1.1em; } p.price label { width: auto !important; } h4 label, p label { width: 200px !important; float: none; } #content { padding: 4px 20px 0 50px; } .product_content, .product_image { width: 350px; float: left; } .product_content { padding-right: 5px; } .product_image { width: 300px; padding-top: 38px; } /* ------------------------------------------------------------------------------- */ /* FOOTER (in body) CONTENTS */ #foot { height: 61px; padding: 0; margin: 10px auto 0 auto; } #foot p { color: #999; font-size: 0.8em; padding: 40px 0 0 10px; float: right; } /* ------------------------------------------------------------------------------- */ /* CREDIT CONTENTS */ /* ------------------------------------------------------------------------------- */ /* OVERLAY + POPUP */ #overlay, #loading_overlay { opacity: 0; visibility: hidden; background-color: #fff; /* cursor: pointer; */ left: 0; position: absolute; top: 0; width: 100%; z-index: 9999; } #popup, #loading { /* left:640px; margin-left:-260px; top:135px; */ width: 520px; background-color: transparent; overflow: hidden; position: absolute; z-index: 9999; } #loading { background: transparent url(../_image/loading.gif) no-repeat center top; } div.popup-top { background: #fff; border: solid 1px #666; padding-top: 8px; } div.popup-bottom { padding: 10px; } #popup h3 { font-size: 0.8em; padding-bottom: 0; margin: 0; color: #0E3286; } #popup .textfield, #popup .textareafield, #popup .radiofield, #popup .checkboxfield, #popup .selectfield, #popup .buttonset { padding: 0 0 1px 10px; font-family: Arial; clear: both; } #popup .textfield, #popup .textareafield, #popup .radiofield, #popup .checkboxfield, #popup .selectfield, #popup .buttonset { padding-left: 0; } #popup .buttonset { margin: 5px 0; } #popup h4, #popup p, #popup h2, #popup h3, #popup h5, #popup h6 { padding: 7px 0 0px 10px; font-family:Arial; } #popup p, #popup h3 { padding: 7px 0 17px 5px; } #popup p { padding-bottom: 0; font-family: Arial; font-size: 9pt; color: #666; } #popup input.btn { margin-left:5px; margin-top: 3px; float: left; } .tooltip { width: 300px; float: left; } #GlobalMsg { display: none; position: relative; margin: 5px 0 0 6px; float: left; } div.input-hint { float: left; margin-left: 150px; width: 400px; } #add-child { border: #666 1px solid; float: left; margin: 10px 0 20px; padding: 10px 10px 10px 0; } #edit-child { border: #666 1px solid; float: left; margin: 10px 0 20px; padding: 10px 10px 10px 0; font-size: 1.25em; } #edit-child table { margin: 0; width: auto; } #DOBTip { vertical-align: top; } #UpdateDetails { display:block; margin-top: 10px; } /** * The default CSS for Shadowbox. * * This file is part of Shadowbox. * * Shadowbox is an online media viewer application that supports all of the * web's most popular media publishing formats. Shadowbox is written entirely * in JavaScript and CSS and is highly customizable. Using Shadowbox, website * authors can showcase a wide assortment of media in all major browsers without * navigating users away from the linking page. * * You should have received a license with this distribution explaining the terms * under which Shadowbox may be used. If you did not, you may obtain a copy of the * license at http://shadowbox-js.com/LICENSE * * @author Michael J. I. Jackson * @copyright 2007-2009 Michael J. I. Jackson */ /*_____________________________________________ container, overlay, & wrapper */ #sb-container, #sb-wrapper { text-align: left; /* reset left alignment */ } #sb-container, #sb-overlay { position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 0; } #sb-container { height: 100%; display: none; visibility: hidden; z-index: 999; } body > #sb-container { /* use position:fixed in modern browsers */ position: fixed; } #sb-overlay { /* needed in IE6 where sb-container uses position:absolute */ height: expression(document.documentElement.clientHeight + 'px'); } #sb-container > #sb-overlay { /* use for sb-container position:fixed */ height: 100%; } /*_________________________________________________________________ wrapper */ #sb-wrapper { position: relative; } #sb-wrapper img { border: none; } /*____________________________________________________________________ body */ #sb-body { position: relative; margin: 0; padding: 0; overflow: hidden; border: 1px solid #303030; } #sb-body-inner { position: relative; height: 100%; } #sb-content.html { height: 100%; overflow: auto; /* make html content scrollable */ } /*_________________________________________________________________ loading */ #sb-loading { position: absolute; top: 0; width: 100%; height: 100%; text-align: center; padding-top: 10px; } #sb-body, #sb-loading { background-color: #060606; /* should match loading image background color */ } /*____________________________________________________________ title & info */ #sb-title, #sb-info { position: relative; margin: 0; /* these must have no vertical margin or padding */ padding: 0; overflow: hidden; } #sb-title-inner, #sb-info-inner { position: relative; font-family: 'Lucida Grande', Tahoma, sans-serif; line-height: 16px; } #sb-title, #sb-title-inner { height: 26px; } #sb-title-inner { font-size: 16px; padding: 5px 0; color: #fff; } #sb-info, #sb-info-inner { height: 20px; } #sb-info-inner { font-size: 12px; color: #fff; } /*_____________________________________________________________________ nav */ #sb-nav { float: right; height: 16px; padding: 2px 0; width: 45%; } #sb-nav a { display: block; float: right; height: 16px; width: 16px; margin-left: 3px; cursor: pointer; } #sb-nav-close { background-image: url(resources/close.png); background-repeat: no-repeat; } #sb-nav-next { background-image: url(resources/next.png); background-repeat: no-repeat; } #sb-nav-previous { background-image: url(resources/previous.png); background-repeat: no-repeat; } #sb-nav-play { background-image: url(resources/play.png); background-repeat: no-repeat; } #sb-nav-pause { background-image: url(resources/pause.png); background-repeat: no-repeat; } /*_________________________________________________________________ counter */ #sb-counter { float: left; padding: 2px 0; width: 45%; } #sb-counter a { padding: 0 4px 0 0; text-decoration: none; cursor: pointer; color: #fff; } #sb-counter a.sb-counter-current { text-decoration: underline; } /*________________________________________________________________ messages */ div.sb-message { font-family: 'Lucida Grande', Tahoma, sans-serif; font-size: 12px; padding: 10px; text-align: center; } div.sb-message a:link, div.sb-message a:visited { color: #fff; text-decoration: underline; }