/* Import the stylesheet resetter! */ @import 'reset.css' ; /* Global Styles */ body { background: #fff url(../images/site/background-bg.png) repeat-x fixed left bottom; } #container { position: relative ; overflow: hidden ; width: 900px ; margin: 0 auto ; padding: 0 9px 10px 6px ; background: transparent url(../images/site/bg-container.png) repeat-y left top; } #branding { height: 124px; background: #fff url(../images/site/bg-navmain.png) no-repeat left top; } #branding a { position: absolute; left: 10px; top: 10px; width: 240px; height: 65px; text-indent: -9999px; } #branding a.accessibility { position: relative ; visibility: hidden ; } #siteinfo { position: relative ; clear: both ; height: 25px; width: 890px; margin: 0 auto ; padding: 0 19px 30px 6px; background: transparent url(../images/site/bg-siteinfo.png) no-repeat left top ; color: #333; line-height: 1.4; font-size: 1.0em; text-align: center; } #siteinfo a { color: #000; text-decoration: none; } #siteinfo a:hover { text-decoration: underline; } #siteinfo a strong { color: #000; } /* Thickbox */ #TB_title { position: relative; background: transparent; height: 22px; } #TB_title #TB_closeAjaxWindow a { position: absolute ; top: 19px ; right: -10px ; text-decoration: none; background: transparent url(../images/site/btn-close.png) no-repeat left top ; overflow: hidden; padding-top: 30px; width: 28px; height:0; cursor: pointer ; } #TB_title #TB_closeAjaxWindow { display: block; text-align: left ; text-indent: -9999px;} #TB_title {text-indent: -9999px;} #TB_window { background: transparent ; font-size: inherit ; line-height: inherit ; } #TB_ajaxContent { margin: 12px; } #TB_ajaxContent p { margin: 0 ; padding: 0 ; } #TB_ajaxContent{ clear:both ; overflow: auto; margin: 12px ; padding: 0 ; background: #fff ; line-height: 1.4em ; text-align: left ; } #TB_closeWindowButton { margin-right: 15px; } /* Navigation */ /* Main top-level navigation bar */ #navmain { position: absolute; left: 6px; top: 89px; } #navmain li { float: left ; } #navmain li a { display: block ; padding: 0 14px 3px ; color: #fff; font: normal normal 1.2em/22px Tahoma, Arial, Helvetica, sans-serif ; } #navmain li.active a { background: transparent url(../images/site/bg-navmain-active.png) repeat-x left top ; font-weight: bold ; } /* Account navigation */ #navaccount { position: absolute ; right: 20px; top: 89px ; padding: 0 0 0 12px ; min-width: 135px ; height: 21px ; background: transparent url(../images/site/bg-navaccount.png) no-repeat left top ; color: #fff; font: normal normal 1.2em/21px Tahoma, Arial, Helvetica, sans-serif ; } #navaccount span#account-actions { position: absolute ; right: 0 ; top: 0 ; height: 21px ; padding-right: 22px ; background: transparent url(../images/site/bg-navaccount.png) no-repeat right top ; line-height: 21px ; } #navaccount.signedin { padding-right: 142px ; min-width: 75px ; } #navaccount a { color: #fff ; } /* Sidebar */ #sidebar { float: right ; width: 210px ; margin: 8px 17px 0 0 ; } #navsection, #navglobal { padding-bottom: 15px ; background: transparent url(../images/site/bg-navsupp.png) no-repeat left bottom ; } #navsection h4 { height: 15px ; background: transparent url(../images/site/bg-navsupp.png) no-repeat left top ; text-indent: -9999px ; } #navsection ul { margin-top: -6px ; } #navsection ul li a { display: block ; width: 179px ; height: 14px ; margin: 0 8px ; padding: 4px 0 3px 7px ; background: none ; color: #000 ; font: normal normal 1.2em/1.0 Tahoma, Arial, Helvetica, sans-serif ; } #navsection ul li.active a { color: #fff ; background: transparent url(../images/site/bg-navsection-active.png) no-repeat left top ; font-weight: bold ; } #school #sidebar #supplementary, #navsupp ul.sections, #sidebar #findmyschool { padding: 9px 16px 0 8px ; background: transparent url(../images/site/bg-navsupp.png) no-repeat left top ; } #navsupp ul.articles { margin-bottom: 0.5em ; } #navsupp ul.sections li a, #sidebar #findmyschool a { display: block ; width: 154px ; height: 25px ; padding: 1px 0 2px 32px ; background: transparent url(../images/site/btn-navsupp.png) no-repeat left top ; color: #fff ; font: normal normal 1.2em/22px Tahoma, Arial, Helvetica, sans-serif ; } #navsupp ul.sections li.active a { background-image: url(../images/site/btn-navsupp-active.png) ; } #navsupp li.active ul.articles li a, #navsupp ul.articles li a, #sidebar #findmyschool a { display: block ; width: 160px ; height: 14px ; margin: 0 10px ; padding: 4px 0 3px 7px ; background: none ; color: #000 ; font-size: 1.2em ; line-height: 1.0 ; } #navsupp li.active ul.articles li.active a, #navsupp ul.articles li.active a { color: #fff ; background: transparent url(../images/site/bg-navsupp-active.png) no-repeat left top ; font-weight: bold ; } #sidebar #supplementary { padding: 9px 16px 0 8px ; } #sidebar #supplementary a { display: block ; width: 178px ; height: 25px ; padding-left: 8px ; margin-bottom: 3px ; background: transparent url(../images/site/btn-arrowright.png) no-repeat left top ; color: #fff; font: normal normal 1.2em/22px Tahoma, Arial, Helvetica, sans-serif ; } #sidebar #findmyschool { padding: 9px 0 0 0 ; margin: 2px 0 0.6em ; } #sidebar #findmyschool p { padding: 0 16px 19px 8px ; background: transparent url(../images/site/bg-navsupp.png) no-repeat left bottom ; } #sidebar #findmyschool a { width: 179px ; padding: 10px 3px 9px 5px ; height: 16px ; margin: 0 ; color: #fff !important ; background-image: url(../images/site/btn-arrowright-lg-hilite.png) ; font-size: 1.3em ; font-weight: bold ; } #sidebar #paymentcards { margin-top: 1em ; text-align: center ; padding-left: 4px ; } #sidebar #badges { margin-top: 0.5em ; text-align: center ; } #sidebar #paymentcards p#checkout-co-uk { color: #555 ; padding: 5px 20px ; } /* Content Area */ #content { float: right ; width: 658px; min-height: 540px ; padding: 8px 0 20px ; } #content-main { margin: 0 ; padding: 0 ; width: 640px ; } #content-main #picbox { float: right ; margin: 3px 5px 10px 15px ; } /* General Typography */ a { color: #c50000 ; } blockquote { padding-left: 1em ; } h1 { margin: 0 0 0.8em -10px ; padding: 5px 0 0 10px ; background: transparent url(../images/site/bg-h1.png) no-repeat left top ; color: #000672 ; font: normal normal 2.4em/1.0 Tahoma, Arial, Helvetica, sans-serif ; } h2 { margin: 10px 0 0.3em -10px ; padding: 10px ; background: transparent url(../images/site/shopdetail/productitem-h2-bg.png) no-repeat left top; font: normal bold 1.333em/1.0 Tahoma, Arial, Helvetica, sans-serif ; color: #555 ; } h3 { margin: 0.5em 0 1em 0 ; padding: 0 ; font: normal bold 1.333em/1.0 Tahoma, Arial, Helvetica, sans-serif ; color: #555 ; line-height: 1.4 ; } #content p, #content ol, #content ul { margin-bottom: 1em ; font: normal normal 1.3em/1.4 Tahoma, Arial, Helvetica, sans-serif ; color: #333 ; } #content ul { margin-left: 0.5em ; list-style-type: none ; } #content ul li { min-height: 17px ; padding: 0 0 0 24px ; margin-bottom: 0.7em ; background: transparent url(../images/site/ul-bullet.png) no-repeat 2px 1px ; } /* General Forms */ form { font: normal normal 1.2em/1.5 Tahoma, Arial, Helvetica, sans-serif ; color: #333 ; } form h2 { font-size: 1.111em ; } #content form p { font-size: 1.083em ; } form label { position: relative ; top: 3px ; clear: left ; float: left ; width: 8em ; margin: 0 0 0 1em ; } form div.file input, form div.text input, form select { width: 26em ; margin: 0 0 0.6em ; border-width: 1px ; padding: 3px 5px ; background-color: #e1e8f4 !important ; font: normal normal 1.1em/1.0 Tahoma, Arial, Helvetica, sans-serif ; color: #333 ; } form select { padding: 0 ; height: 25px ; } form textarea { width: 26em ; margin: 0 0 0.5em ; border-width: 1px ; padding: 3px 5px ; background-color: #e1e8f4 !important ; font: normal normal 1.1em/1.3 Tahoma, Arial, Helvetica, sans-serif ; color: #333 ; } form div.button input { width: 186px; height: 25px; margin: 1em 0 0 ; border: none ; padding: 3px 5px 5px; background: transparent url(../images/site/btn-arrowright.png) no-repeat left top !important ; color: #fff !important; text-align: left; font-family: Tahoma; font-size: 12px; cursor: pointer ; } form div.button input.disabled { opacity: 0.5 ; } form div.radiogroup span { display: block ; } form div.radiogroup input { position: relative ; top: 6px ; margin-left: 1em ; } form div.radiogroup label { float: none ; margin: 0 1em 0 0.3em ; } form div.checkbox input { position: relative ; top: 6px ; } form div.checkbox label { float: none ; margin: 0 ; width: auto ; } body#contact form label { width: 15em ; } /* Home page */ body#home #content { width: 665px ; } body#home #content-main { width: 651px ; } body#home #sidebar { top: 307px ; margin: 8px 10px 0 0 ; } body#home #splash { position: relative ; width: 651px ; height: 256px ; } body#home #splash h1, body#home #splash img { position: absolute ; left: 0 ; top: 0 ; background: none ; margin: 0 ; } /*Homepage buttons */ #content-main .suggestaschool a {display: block; background: transparent url(../images/site/bg-contentsidebar-a.png) no-repeat left top; height: 25px; width: 164px; padding: 0 0 0 10px; line-height: 25px; text-align: left; margin: 12px 0 10px 11px; margin-bottom: 0px; font-size: 11px; color: #fff; font-style: normal;} #content-main .recommendfriend a { display: block;background: transparent url(../images/site/bg-contentsidebar-a.png) no-repeat left top; height: 25px; width: 164px; padding: 0 0 0 10px; line-height: 25px; text-align: left; margin: 10px 0 10px 11px; font-size: 11px; color: #fff;} #content-featured { width: 668px ; height: 210px ; margin: 12px 0 0 0 ; } #content-featured .box { position: relative ; float: left ; width: 188px ; height: 196px ; margin: 0 11px 5px 0 ; padding: 7px 15px 7px 7px ; text-align: center ; } #content-featured .box a { position: absolute ; left: 0 ; top: 0 ; width: 210px ; height: 210px ; z-index: 1 ; background: transparent url(../images/site/bg-featuredbox.png) no-repeat left top ; text-indent: -9999px ; } #content-featured .box h2 { position: absolute ; left: 2px ; top: 7px ; width: 198px ; z-index: 2 ; margin: 0 ; padding: 2px 0 0 ; background: none ; color: #000672 ; } #content-featured .box img { margin: 25px 0 3px ; } #content-featured .box p { font-size: 1.1em ; line-height: 1.3 ; } /* School Data Submission */ #school_data_submission form label { width: 272px; } #school_data_submission form div.button input { float: right; } /* Shop */ /* Shop-wide elements */ span.price { display: block ; width: 60px ; height: 22px ; padding: 1px 0 2px ; background: transparent url(../images/site/bg-shoplisting-price.png) no-repeat left top ; font: normal normal 0.947em/22px Tahoma, Arial, Helvetica, sans-serif ; color: #fff ; text-align: center ; } /* Item list pages */ #content-main.shop-list h1 a { color: #000 ; } #content-main.shop-list ul.productList { width: 640px ; } #content-main.shop-list ul.productList li.item { position: relative ; float: left ; width: 188px ; height: 196px ; margin: 0 9px 10px -6px ; padding: 7px 15px 7px 7px ; background: transparent url(../images/site/bg-shoplisting-item.png) no-repeat left top ; text-align: center ; } #content-main.shop-list li.item h2 { height: 25px; margin: 0 ; padding: 0 ; background: none ; color: #000672 ; font: normal normal 12px/1.0 Tahoma, Arial, Helvetica, sans-serif ; } #content-main.shop-list li.item h2 span { display: block ; margin-top: 2px ; color: #777; font-size: 11px; } #content-main.shop-list li.item img { margin-top: 3px ; } #content-main.shop-list li.item span.approved { position: absolute ; left: 152px ; bottom: 157px ; width: 29px ; height: 29px ; background: transparent url(/images/site/icon-approved.gif) no-repeat left top ; text-indent: -9999px ; z-index: 100 ; } #content-main.shop-list li.item span.price { position: absolute ; left: 7px ; bottom: 15px ; height: 17px; padding-top: 6px; background-image: url(/images/site/bg-shoplisting-price-withfrom.png) ; font-size: 12px; } #content-main.shop-list li.item a { position: absolute ; left: 0 ; top: 0 ; width: 200px ; height: 30px ; padding: 170px 0 0 ; background: transparent url(../images/site/btn-narrow-arrowright.png) no-repeat 72px 170px ; font: normal normal 0.71em/22px Tahoma, Arial, Helvetica, sans-serif ; color: #fff ; text-indent: 40px ; } #content-main #shopproductlist { position: relative; height: 500px; } #content-main.shop-list #navShopPages { position: absolute ; left: 0 ; top: 452px ; width: 630px ; height: 30px ; margin: -10px 0 0 -10px ; padding: 8px 12px 12px 8px ; background: transparent url(../images/site/bg-buttonpanel.png) no-repeat left top ; } #content-main.shop-list #navShopPages a.navShopPageInd { float: left ; width: 17px ; height: 20px ; margin: 0 6px 0 2px ; padding: 1px 0 0 1px; background: transparent url(../images/site/btn-indicator.png) no-repeat left 3px ; color: #fff ; font: normal bold 1em/20px Tahoma, Arial, sans-serif ; text-align: center ; } #content-main.shop-list #navShopPages a.navShopPagesBtn { float: left ; width: 174px; height: 22px; margin: 0 5px 0 0 ; padding: 0 6px 3px ; border: none ; background: transparent url(../images/site/btn-arrowright.png) no-repeat left top ; color: #fff; font: normal normal 1.2em/22px Tahoma, Arial, sans-serif; cursor: pointer ; } #content-main.shop-list #navShopPages a#prevPage { background-image: url(../images/site/btn-arrowleft.png) ; text-align: right ; } #content-main.shop-list #navShopPages a#showAllPages { float: right ; width: 111px ; background-image: url(../images/site/btn-narrow-arrowright.png) ; } /* Item detail page */ #productitem { position: relative ; } #productitem h1 { color: #000672; font-size: 20px; line-height: 1.1 ; } #productitem h1 span { color: #666; font-size: 14px; } #productitem h2 { margin-left: 0 ; } #productitem #garmentinfo { width: 340px; min-height: 450px; } #productitem p { margin: 0 15px 1em; font-size: 12px; line-height: 1.3; color: #333; } #productitem ul { margin: 0 15px 1.5em; font-size: 12px; line-height: 1.3; color: #333; } #productitem li { padding-left: 20px; background: transparent url(../images/site/shopdetail/productitem-li-bg.png) no-repeat left 1px; } /* #productitem #careinfo { margin-left: 10px ; min-height: 40px ; width: 320px ; } */ #productitem #careinfo #gsm { float: left; width: 40px; height: 30px; padding-top: 10px; background: transparent url(../images/site/washingicons/gsm.png) no-repeat left top; text-align: center; font-size: 1.2em; color: #939393 ; font-weight: bold; } #productitem #sizechart table { margin: 0.6em 0 1em 9px ; border-collapse: collapse ; } #productitem #sizechart td, #productitem #sizechart th { padding: 4px; border: 1px solid #7e7e7e ; } #productitem #sizechart td { width: 35px; text-align: center; } #productitem #sizechart th { width: 55px; text-align: right; background-color: #d6d6d6 ; } #productitem #colourchart { width: 613px ; margin: 0.6em 0 1em 8px ; } #productitem #colourchart span { margin: 0 3px 0 0 ; cursor: help ; } #productitem #colourchart img { border: 1px solid #000 ; } #productitem #picbox { position: absolute; left: 355px; top: 50px ; border: 1px solid #d6d6d6 ; } #productitem #zoomnote { position: absolute; left: 369px; top: 300px; font-size: 1.1em; margin-left: 0; } #productitem form#chooseoptions { position: absolute; left: 361px; top: 340px; width: 270px; min-height: 170px; background: transparent url(../images/site/shopdetail/availableopts-bg.png) no-repeat -2px -2px ; } #productitem form#chooseoptions h2 { margin: 0 0 0.4em 2px ; background: none; color: #981F1D; } #productitem form#chooseoptions p.buy { width: 240px; z-index: 1; } #productitem form#chooseoptions span.price { position: absolute; left: 6px; bottom: 14px; font-size: 1.333em ; } #productitem form#chooseoptions p.buy input { position: absolute; right: 14px; bottom: 14px; width: 186px; height: 25px; padding: 2px 5px 5px; border: none; background: transparent url(../images/site/btn-arrowright.png) no-repeat left top !important ; color: #fff; text-align: left; font-family: Tahoma; font-size: 12px; z-index: 1 ; } #productitem form#chooseoptions #options { position: absolute ; left: 0 ; top: 35px ; width: 270px ; z-index: 5 ; } #productitem form#chooseoptions #options label { clear: left; float: left; top: 4px ; width: 50px; margin-left: 14px; font-size: 12px; color: #981F1D; } #productitem form#chooseoptions #options select { width: 160px; margin: 2px 0 0 20px; padding: 0 ; background: #ebcacb !important ; color: #333 ; } #productitem form#chooseoptions #options div.select { position: relative ; height: 30px ; } #productitem form#chooseoptions #options div.select ul { position: absolute ; left: 70px ; top: 2px ; } #productitem form#chooseoptions #options ul { width: 160px ; height: 15px ; border: 1px solid #981F1d ; background: #fff url(../images/site/ul-dropdown-arrow.png) no-repeat 145px 4px ; cursor: pointer ; } #productitem form#chooseoptions #options ul li { margin: 0 ; padding: 0 ; min-height: 0 ; background: none; line-height: 1.4 ; height: 20px ; } #productitem form#chooseoptions #options ul.collapsed { height: 20px; overflow: hidden; z-index: 3 ; } #productitem form#chooseoptions #options ul.expanded { height: auto; max-height: 150px ; overflow: scroll; overflow-x: hidden; } #productitem form#chooseoptions #options ul li span { display: block ; height: 15px ; width: 155px ; padding: 2px 5px 3px 20px; background: transparent url(../images/site/icon-tickcross.png) no-repeat left top ; } #productitem form#chooseoptions #options ul li.disabled span { background: transparent url(../images/site/icon-tickcross.png) no-repeat left -20px ; } #productitem form#chooseoptions #options ul li.first span { padding-left: 5px; width: 170px; background: none; } #productitem form#chooseoptions #options ul li.first { border-bottom: 1px solid #981F1D ; } #productitem form#chooseoptions #options ul li span:hover { background: #efd5d5 url(../images/site/icon-tickcross.png) no-repeat left -40px ; } #productitem form#chooseoptions #options ul li.disabled span:hover { background: #efd5d5 url(../images/site/icon-tickcross.png) no-repeat left -60px ; } #productitem form#chooseoptions #options ul li.first span:hover { background: none; } #productitem #basketerror { display: none; position: absolute; left: 75px; top: 326px; width: 196px; height: 142px; padding: 21px 39px 0 47px; background: transparent url(../images/site/bg-basketerror.png) no-repeat left top; } #productitem #closebasketerror { position: absolute; right: 0; top: 0; width: 40px; height: 35px; text-indent: -9999px; } #productitem p#qtynote { position: absolute ; top: 170px ; width: 275px ; margin: 0 ; font-size: 11px ; text-align: left ; } /* Modifications for thickbox version */ #content-ajax-shop #productitem { margin: 15px 0 0 22px; } #content-ajax-shop #productitem p { margin: 0 15px 1em; } /* Image zoom */ #productitem #previewEnabler { position: absolute; right: 0; bottom: 0; width: 29px; height: 29px; cursor: pointer; background: transparent url(../images/site/shopdetail/btn-zoom.png) no-repeat left top; } #productitem #previewHighlighter { position: absolute; left: 0; top: 0; width: 85px; height: 85px; border: 1px dashed #8b0000 ; background: #eee; cursor: pointer; } #productitem #detailbox { position: absolute; top: 53px; left: -10px; width: 358px; height: 358px; border: 1px solid #D6D6D6 ; overflow: hidden; background: #fff url(/images/site/loadingSpinner.gif) no-repeat center center; } #productitem #detailbox #viewport { position: absolute; left: 0; top: 0; width: 1000px; height: 1000px; text-align: center; } /* Basket summary panel */ #basketsummary { position: absolute ; right: 20px ; top: 10px ; width: 160px ; height: 60px ; padding: 8px 0 3px 50px ; background: transparent url(../images/site/bg-basketsummary.png) no-repeat left top ; font: normal normal 1.1em/1.4 Tahoma, Arial, Helvetica, sans-serif ; } #basketsummary #actions a, #basketsummary input { position: absolute ; width: 78px ; right: 5px ; top: 47px ; overflow: visible ; margin: 0 ; border: none ; padding: 0 1px ; background: transparent !important ; color: #fff ; font: normal normal 0.833em/1.0 Tahoma, Arial, Helvetica, sans-serif ; text-align: left ; cursor: pointer ; } #basketsummary #actions a { height: 16px ; width: 65px ; right: 90px ; padding: 0 0 2px 5px ; line-height: 16px !important ; } #basketsummary #actions a:hover { text-decoration: none ; } #basketsummary #empty { width: 150px ; height: 50px ; padding: 4px ; background: #f6f6f6 ; } /* Basket Listing Page */ #basket #content-main { overflow: hidden ; width: 645px ; padding-left: 10px ; } #basket #content { width: 668px ; } #basket #sidebar { margin-right: 7px ; } #content-main .basketitem { position: relative; left: -10px ; width: 650px; height: 130px; margin-bottom: 15px; background: transparent url(../images/site/basket-item-bg.png) no-repeat -2px -2px ; } #content-main .basketitem h2 { color: #333; font-size: 12px; padding: 10px 12px 12px ; background: none ; margin: 0 ; } #content-main .basketitem h2 a { color: #000672; font-size: 16px; } #content-main .basketitem .image { float: left; width: 75px; height: 75px; margin-left: 12px; text-align: center; } #content-main .basketitem img { height: 75px; width: auto; } #content-main .basketitem .options { float: left; width: 275px; margin-left: 15px; color: #333; } #content-main .basketitem .itemqtyprice { position: absolute; left: 383px; top: 44px; line-height: 20px; } #content-main .basketitem .itemqtyprice input { width: 30px; height: 30px; margin: 0 5px 0 0 ; border: none ; background: none !important ; color: #333; font-size: 18px; text-align: center; } #content-main .basketitem span.price { position: absolute; right: 15px; bottom: 15px; font-size: 1.026em ; } #content-main .basketitem .removebutton input { position: absolute; right: -11px; top: -12px; width: 35px; height: 35px; border: none; background: transparent url(../images/site/btn-close.png) no-repeat left top !important ; text-indent: -9999px; cursor: pointer; } #basket #content-main p#basketactions { width: 630px ; height: 30px ; margin: -10px 0 0 -10px ; padding: 8px 12px 12px 8px ; background: transparent url(../images/site/bg-buttonpanel.png) no-repeat left top; } #basket #content-main #checkoutbtn .btn { width: 186px; height: 25px; margin-left: 34px; padding-bottom: 3px; border: none; color: #fff; font-family: Tahoma, Arial, sans-serif; font-size: 12px; cursor: pointer; } #basket #content-main #checkoutbtn #continueshopping { float: left; margin-left: 0; padding-right: 6px; background: transparent url(../images/site/btn-arrowleft.png) no-repeat left top; text-align: right; } #basket #content-main #checkoutbtn #updatetotals { float: left; padding-left: 6px; background: transparent url(../images/site/btn-arrowup.png) no-repeat left top; text-align: left; } #basket #content-main #checkoutbtn #checkout { float: left; padding-left: 6px; background: transparent url(../images/site/btn-arrowright.png) no-repeat left top; text-align: left; } #basket #content-main p#basketactions-top { width: 630px ; height: 30px ; margin: 0 0 6px -10px ; padding: 8px 12px 12px 8px ; background: transparent url(../images/site/bg-buttonpanel.png) no-repeat left top; } #basket #content-main #checkoutbtn-top .btn { width: 186px; height: 25px; margin-left: 34px; padding-bottom: 3px; border: none; color: #fff; font-family: Tahoma, Arial, sans-serif; font-size: 12px; cursor: pointer; } #basket #content-main #checkoutbtn-top #continueshopping-top { float: left; margin-left: 0; padding-right: 6px; background: transparent url(../images/site/btn-arrowleft.png) no-repeat left top; text-align: right; } #basket #content-main #checkoutbtn-top #updatetotals-top { float: left; padding-left: 6px; background: transparent url(../images/site/btn-arrowup.png) no-repeat left top; text-align: left; } #basket #content-main #checkoutbtn-top #checkout-top { float: left; padding-left: 6px; background: transparent url(../images/site/btn-arrowright.png) no-repeat left top; text-align: left; } /* Checkout pages */ body#checkout h2 { margin-top: 1.5em ; } body#checkout h3 { font-size: 1em ; } body#checkout.precheckout .text input { width: 10em ; } body#checkout p#forgotpassword { margin: -22px 0 30px 200px ; } body#checkout #newcustomer a#newcustomerlink, body#checkout #noaccount a#noaccountlink { display: block ; width: 174px; height: 22px; margin: 0 5px 0 0 ; padding: 1px 6px 2px ; border: none ; background: transparent url(../images/site/btn-arrowright.png) no-repeat left top ; color: #fff; font: normal normal 0.923em/22px Tahoma, Arial, sans-serif; cursor: pointer ; } body#checkout #newcustomer a#newcustomerlink { margin-bottom: 27px ; } body#checkout #content p.errorheader, body#checkout #content div.error p { color: #C50000 ; font-weight: bold ; } body#checkout table#order_breakdown { width: 620px ; margin: 1em 0 ; border-collapse: collapse ; } body#checkout table#order_breakdown td { border: 2px solid #fff ; padding: 5px ; background: #eff4fa ; } body#checkout table#order_breakdown td.qty { width: 2em ; background: #d3ddef ; text-align: center ; } body#checkout table#order_breakdown td.desc { text-align: left ; } body#checkout table#order_breakdown td.subtotal { width: 6em ; padding-right: 10px ; text-align: right ; } body#checkout table#order_breakdown td.goodstotal { width: 6em ; padding-right: 10px ; background: #d3ddef ; text-align: right ; } body#checkout table#order_breakdown td.total { width: 6em ; padding-right: 10px ; background: #aabfde ; text-align: right ; } body#checkout table#order_breakdown td.delivery { background: transparent ; text-align: right ; } body#checkout table#order_breakdown td.totaltext { background: transparent ; text-align: right ; } body#checkout table#order_breakdown td.vat { background: transparent ; text-align: left ; } body#checkout #content table#order_breakdown p { margin: 0 ; } body#checkout #content table#order_breakdown p.options { font-size: 1.1em ; margin: 0 0 0 1em ; } body#checkout #content table#order_breakdown td.total p { font-weight: bold ; } body#checkout #content table#order_breakdown td.vat p { font-size: 1.1em ; font-style: italic ; } body#checkout form#payment label, body#checkout form#delivery label { width: 13em ; } body#checkout form#payment p, body#checkout form#delivery p { font-size: 1em ; margin-left: 1em ; } body#checkout form#payment .text input, body#checkout form#delivery .text input { width: 16em ; } body#checkout form#payment .text input#seccode, body#checkout form#payment .text input#issueno { width: 3em ; } body#checkout form#payment .select select, body#checkout form#delivery .select select { width: 17em ; } body#checkout form#payment .datetime select { width: 6em ; } body#checkout form#payment .text span, body#checkout form#delivery .text span { display: block ; float: right ; width: 220px ; padding: 4px 0 0 12px ; background: transparent url(../images/site/span-arrow-l.png) no-repeat left 7px ; font-size: 0.833em ; } body#checkout form#payment .text input#telephone { width: 10em ; } /* Account Pages */ body#account .checkbox label { width: 160px; } body#account form #change_password label { width: 12em; } /* QuickShop Styles */ #quickshop { overflow: hidden; margin-left: -10px; } #content-main #quickshop h2 { height: 25px; margin: 0 0 3px 0; padding: 0 0 0 35px; background: transparent url(../images/site/quickshop-h2-expanded-bg.png) no-repeat left top; color: #fff; line-height: 25px; font-size: 12px; } #content-main #quickshop .collapsed h2 { background: transparent url(../images/site/quickshop-h2-collapsed-bg.png) no-repeat left top; } #content-main #quickshop .quickshop_list { margin: 15px 0; } #content-main #quickshop h3 span { font-weight: normal; color: #666666; font-size: 11px; } #content-main #quickshop h3 span.approved { position: absolute ; left: 73px ; top: 27px ; width: 29px; height: 29px ; background: transparent url(/images/site/icon-approved.gif) no-repeat left top ; text-indent: -9999px ;} #content-main #quickshop .quickshop_item.available { position: relative; width: 650px; height: 130px; margin-bottom: 15px; background: transparent url(../images/site/quickshop-item-bg.png) no-repeat left top; } #content-main #quickshop .quickshop_item.available h3 { color: #333; font-size: 12px; padding: 11px 12px 0; margin-bottom: 11px; } #content-main #quickshop .quickshop_item.available h3 a { color: #000672; font-size: 16px; line-height: 1.0;} #content-main #quickshop .quickshop_item.available .image { float: left; width: 75px; height: 75px; margin-left: 12px; text-align: center; } #content-main #quickshop .quickshop_item.available img { height: 75px; width: auto; } #content-main #quickshop .quickshop_item.available .options { float: left; width: 275px; margin-left: 18px; color: #333; } #content-main #quickshop .quickshop_item.available .options label { float: left; clear: none; margin: 0; width: 60px; font-size: 0.9em; } #content-main #quickshop .quickshop_item.available .options select { float: left; width: 200px; margin-bottom: 2px; font-size: 0.9em; } #content-main #quickshop .quickshop_item.available .itemqtyprice { position: absolute; left: 383px; top: 44px; line-height: 20px; } #content-main #quickshop .quickshop_item.available .itemqtyprice input { width: 30px; height: 30px; border: none; background: none !important; font-size: 18px; color: #333; text-align: center; } #content-main #quickshop .quickshop_item.outofstock { position: relative; width: 650px; height: 50px; margin-bottom: 15px; background: transparent url(../images/site/quickshop-outofstock-bg.png) no-repeat left top; } #content-main #quickshop .quickshop_item.outofstock h3 { font-weight: normal; color: #000; font-size: 16px; padding: 11px 12px; line-height: 1.0; } #content-main #quickshop .quickshop_item.outofstock .image, #content-main #quickshop .quickshop_item.outofstock #options, #content-main #quickshop .quickshop_item.outofstock .itemqtyprice { display: none; } #content-main #quickshop div.button input { margin: 0 8px 20px 0; float: right; } /* School Microsites */ #content-main #schoolslist li { float: left ; position: relative ; width: 140px ; height: 95px ; overflow: hidden; background: none; padding-left: 0; margin: 0 15px 20px 0 ; text-align: center ; } #content-main #schoolslist span.schoollogo { width: 80px ; } #content-main #schoolslist img { height: 50px; width: auto; margin: 0 auto ; } #content-main #schoolslist a { position: absolute ; height: 95px ; left: 0 ; top: 0 ; width: 140px ; height: 95px ; padding-top: 55px ; } #school #fundsraised { overflow: hidden ; position: relative ; width: 170px ; margin-top: 20px; padding-top: 50px ; text-align: center ; } #school #thermocontainer { position: absolute ; left: 0 ; top: 0 ; width: 170px ; height: 50px; background: transparent url(/images/site/funds-gauge.png) no-repeat -8px -14px ; z-index: 2 ; } #school #thermobar { position: absolute; left: 37px; top: 8px; width: 129px ; height: 15px; background: transparent url(/images/site/funds-indicator.png) no-repeat left top ; z-index: 1 ; } #school #content-policy table { margin: 1em 15px 0 ; width: auto ; } #school #content-policy table td { width: 50% ; padding: 0 15px ; } #content-main img.approveditem { position: relative ; top: 10px ; margin-top: -15px ; } /* Misc Styles */ hr { display: none; } #error { border: 1px solid #f00; color: #f00; background: #fee; padding: 5px 5px 0; margin-bottom: 1em; } #wxButtonFrame { margin: 10px 0 0 35px; } .ui-effects-transfer { border: 1px solid #D6D6D6; background: #fff url(/images/site/loadingSpinner.gif) no-repeat center center; opacity: 0.9; } #content div.error p { color: #C50000 ; font-weight: bold ; } #content div.error ul li { color: #C50000 ; font-weight: normal ; } #content p.errormsg { color: #C50000 ; font-weight: bold ; } .errorMsg, .addedBasketItems { border: 1px solid #f00; background: #fee; padding: 5px 5px 0; margin-bottom: 1em; } .addedBasketItems { border-color: #060; background: #efe; }