/*********************/ /* GENERIC ITEMS */ /*********************/ h2 {color:#369; margin:0; font-size:medium; f\ont-size:large;} h2 span {color:#369; margin:0; font-size:100%;} h2 strong {color:#39c; font-size:1em; font-weight:500;} .h2 {width:100%; padding:0 1px 0 0;} h3 {color:#39c; font-size:120%;} h4, h5, h6 {color:#39c;} textarea, input {border-color:#369;} .printThePage {margin:0; text-align:right;} .printThePage div {width:160px; margin:0 0 0 auto;} .printThePage a {display:block; padding:5px 6px; line-height:1.3em; font-weight:bold; font-size:90%; background:#e6e6e6 url(/i/printPage.gif) 138px 4px no-repeat; text-align:left;} * html .printThePage a {line-height:1.2em;} .outOfStock {color:#f00; font-weight:bold;} /*********************/ /* GLOBAL NAVIGATION */ /*********************/ #globalNavigation {background:#39c;} #globalNavigation #primaryNavigation {background-color: #e1f0f7;} #globalNavigation #primaryNavigation ul li a {border-left: solid 1px #03c;} #globalNavigation #primaryNavigation ul li a.first {border-left: none;} #globalNavigation #secondaryNavigation ul {background:#39c;} #globalNavigation #secondaryNavigation li.selected a {background:#fff url(/i/shop/arrowDown.gif) right center no-repeat; color:#39c; font-weight:bold;} #globalNavigation #secondaryNavigation ul li.shop a.selected:hover {background: #fff url(/i/gen/arrowDown.gif) right center no-repeat; color:#039;} #globalNavigation #siteSearch {background:#39c url(/i/divider.gif) 0 5px no-repeat;} #globalNavigation #siteSearch fieldset span {background-color:#39c; margin-left:1px;} #globalNavigation #siteSearch input.go {background-image:url(/i/shop/goButton.gif);} #cookieTrail li a {background: url(/i/shop/arrowRight.gif) right center no-repeat;} #cookieTrail li a.selected {background: url(/i/shop/arrowDown.gif) right center no-repeat;} #footer {border-top:solid 2px #39c;} #em a {background:url(/i/shop/arrowUp.gif) right center no-repeat;} /*********************/ /* LEFT NAVIGATION */ /*********************/ #rollUpNavigationList h1 {background:#39c;} #rollUpNavigationList ul a.selected, #rollUpNavigationList ul a.current {background:#ffe599 url(/i/shop/arrowLeftNav.gif) -2px no-repeat; border-bottom:solid 0px;} #rollUpNavigationList ul li a {border-bottom:solid 1px #39c;} #rollUpNavigationList ul li.last a {border-bottom:solid 0px;} #focusButton {background:#39c;} #focusButton a {color:#fff;} #banners .banner {margin-bottom:5px;} /***************************************/ /* GENERAL STUFF */ /***************************************/ #lookingFor {background:#ededed; clear:both;} #lookingFor ul li a {background:url(/i/shop/arrowRight.gif) -5px 0 no-repeat;} #loginRegister #loginPanel li a {background: url(/i/shop/arrowRight.gif) 0 0 no-repeat; padding:0 8px 0 12px;} /*#loginRegister #loginPanel #loginControl {}*/ #loggedInPanel {background:#e8f0d9;} #loggedInPanel li a {background: url(/i/mc/arrowRight.gif) left center no-repeat;} #registrationFormPanel {background:#ebebeb;} #registrationFormPanel h2 {background:#e8f0d9; border-bottom:solid 1px #fff;} #registrationFormPanel label {color:#3d3d3d;} #registrationFormPanel input.button {background:#fff;} #forgottenPassword {background:#ebebeb;} #forgottenPassword h3 {background:#e8f0d9; border-bottom:solid 1px #fff;} #forgottenPassword label {color:#3d3d3d;} #forgottenPassword input.button {background:#fff;} #changePassword {background:#ebebeb;} #changePassword #topPart {background:#e8f0d9; border-bottom:solid 1px #fff;} #changePassword label {color:#3d3d3d;} #changePassword input.button {background:#fff;} #remindPassword {background:#e8f0d9;} .Faqs ul.questions {background:#e1f0f7;} .Faqs ul.questions li {background:url(/i/shop/arrowRight.gif) -2px 4px no-repeat;} .Faqs ul.answers .backToTop {background:url(/i/shop/arrowUp.gif) right 3px no-repeat;} /***************************************/ /* SHOP SPECIFIC */ /***************************************/ #wrapperForShop {background:#fff; clear:both;} #titleAndSearch {margin:0 0 4px 0;} #shopIntro {vertical-align:top; text-align:left; padding:4px; width:100%;} #shopIntro h2 {font-weight:normal;} #shopIntro .sectionIntroItem, #shopIntro p {color:#369; margin:0; font-size:1.1em;} #prodSearch {vertical-align:bottom;} #productSearch {text-align:right; float:right; width:100%; background:#fff; clear:both;} #productSearchInner {width:201px; float:right; margin:0 0 1px 0;} #productSearch form {background:#9cf url(/i/shop/cornerTopLeft.gif) left top no-repeat; margin:0; padding:5px 3px 3px 20px; width:178px; text-align:left;} #productSearch h2 {background:transparent !important; padding-left:0px !important;} #productSearch h2 label {display:block; color:#039; font-size:0.9em; font-weight:900;} #productSearch input {width:135px;} #productSearch .goButton {border:0 solid; width:2.4em; height:1.5em; cursor:pointer; vertical-align:top; background:transparent url(/i/shop/goButtonSearch.gif) 0px 1px no-repeat; color:#039; font-weight:bold; font-size:13px;} * html #productSearch .goButton {background-position:0px 2px;} #featuredProduct {border-bottom:dotted 1px #999; margin-bottom:5px;} #summaryFeaturedProduct h4, #featuredProduct h4 {background:#fc0 url(/i/shop/featuredProductStar.gif) 0px 1px no-repeat; padding:0 0 0 25px; color:#069; font-size:1.3em;} #featuredProduct .featuredProdText {margin-left:220px; padding-top:12px;} #featuredProduct .featuredProdText a {font-size:1.1em;} #featuredProduct p {padding-left:10px;} #summaryFeaturedProduct {background-color:#FFF8E5; margin-bottom:1em; border-bottom:solid 1px #fc0;} #ProductSummaries #summaryFeaturedProduct .ProductSummary table {border:10px solid #FFF8E5;} #featuredProducts {margin:0 0 4px 0;} #featuredProducts tr td {background:#ededed url(/i/shop/featureBg.gif) 0 24px repeat-x;} #featuredProducts tr td img {height:108px;} #featuresLeft {} #featuresRight {border-left:solid 1px #fff;} .featuresList h3 {background:#39c; color:#fff; padding:0px 10px; margin:0; line-height:24px; font-size:1.1em;} .featuresList ul {margin:0; padding:10px; list-style-type:none;} .featuresList ul li a {padding:0 0 0 10px; background: url(/i/shop/arrowRight.gif) -5px 0px no-repeat;} .featuresList ul li.browse a {font-weight:bold;} #specialOffers {margin:0 0 4px 0;} #specialOffers h3 {margin:2px 0 3px 8px; color:#369;} .specialOffer {position:relative; left:150px; top:-150px; margin:0 0 -20px 0; } .specialOfferDetail {position:relative; left:150px; margin:0 0 -20px 0; } .specialOfferLarge {position:relative; left:300px; margin:0 0 -20px 0; } #ProductSummaries .specialOffer {position:relative; left:68px; top:-98px; margin:0 0 -20px 0;} .specialOfferSmall {position:relative; left:78px; top:-98px; margin:0 0 -20px 0;} .wasPrice {font-weight:bold; color:#666;} #specialOffers a.arrow {padding:0 0 0 10px; background: url(/i/shop/arrowRight.gif) -5px 0px no-repeat; display:block;} .price {color:#f03; font-weight:bold;} #specialOffers td {border-left:dotted 1px #999; padding:5px; width:33%;} #specialOffers td.first {border-left:solid 0px; padding-left:0px;} #specialOffers tr#specialOffersRowTwo td {border-top:dotted 1px #999;} #AtoZListHeader h2 {background:#39c; padding: 3px 3px 2px 15px; color:#fff; font-size:medium;} #AtoZListHeader ul {margin:1px 0 10px 0; padding:3px 3px 3px 21px; list-style-type:none; background:#9cf url(/i/shop/atozCorner.gif) 0px bottom no-repeat;} #AtoZListHeader li {display:inline; padding:3px 0px; white-space:normal;} #AtoZListHeader li a {font-weight:bold; padding:0 2px; font-size:1.15em;} * html #AtoZListHeader li a {font-size:1.1em;} #AtoZListHeader li a:hover {text-decoration:none; background:#fff;} #AtoZList {} #AtoZList #listLetter {width:53px !important;} #AtoZList #listDetails {} #AtoZList th a {color:#39c; font-size:medium;} #AtoZList th a:hover {text-decoration:none;} #AtoZList td ul {margin:0 0 5px 0; padding:0; list-style-type:none;} #AtoZList td li {} #AtoZList td li a {padding:0 0 0 10px; background: url(/i/shop/arrowRight.gif) -5px 1px no-repeat;} #AtoZList .topOfList {padding:3px 1px; background:#D9F0F7; text-align:right; margin: 0 0 5px 0;} #AtoZList .topOfList a {padding:0 15px 0 0; background: url(/i/shop/arrowUp.gif) right 1px no-repeat;} #basket {margin:1px 0 4px 0;} * html #basket {height:1px;} /*for IE6*/ #basket h2 {background:#ebebeb url(/i/shop/basket.gif) right center no-repeat; padding:2px 2px 1px 10px; color:#050505; font-size:110%;} #basket #basketContents {border-top:solid 1px #050505; border-bottom:solid 1px #050505; background:#E1F0F7; padding:2px 2px 1px 10px;} #basket #basketContents ul {margin:0; padding:0; list-style-type:none;} #basket #basketContents strong {color:#f00; display:block; margin:5px 0;} #basket #basketContents strong span {color:#f00;} #basket #checkout {background:#ebebeb url(/i/shop/checkoutCorner.gif) right bottom no-repeat; padding:3px 12px 2px 10px;} #basket #checkout a.changeCurrency {background:url(/i/shop/arrowRight.gif) -5px 0px no-repeat; padding:0 0 0 10px; font-weight:normal;} #basket #checkout a, #basket #loggedInBasket a {background:url(/i/shop/arrowRight.gif) -5px 0px no-repeat; padding:0 0 0 10px; font-weight:bold;} #basket #loggedInBasket {border-bottom:solid 1px #050505; background:#fff; padding:2px 2px 2px 10px;} a.viewBasket {background:url(/i/shop/arrowRight.gif) -5px 0px no-repeat; padding:0 0 0 10px;} #basket .emptyBasket {color:#03c;} #basket #basketContents a.arrow {margin:3px 0 8px 0; display:block;} #ProductSummaries {display:block; float:left;} /*\*/ #ProductSummaries {float:none;} /**/ #ProductSummaries h2 {background:#39c; padding: 3px 3px 2px 10px; color:#fff; font-size:small; f\ont-size:medium;} #ProductSummaries #titleAndSearch h2 {background:#fff; padding: 3px 3px 2px 8px; color:#39c; font-size:small; f\ont-size:medium; margin:0;} #ProductSummaries #titleAndSearch #shopIntro {padding:0;} #ProductSummaries h3 {margin:10px;} #ProductSummaries #basketNotes {color:#f00; margin:10px; border-bottom:dotted 1px #c2c2c2; font-weight:bold; font-size:1.15em;} .arrow {background:url(/i/shop/arrowRight.gif) -5px 0px no-repeat; display:inline; cursor:pointer;} .arrowBold {background:url(/i/shop/arrowRight.gif) -5px 0px no-repeat; display:inline;} /*\*/ * html .arrow, * html .arrowBold {height:1px;} /**/ /*#ProductSummaries .paginationArea {background:#ededed; padding:10px;}*/ #ProductSummaries .ProductSummary {margin:10px;} /*\*/ #ProductSummaries .ProductSummary {margin:0;} #ProductSummaries .ProductSummary table {border:10px solid #fff;} /**/ #ProductSummaries .column1 {width:120px;} #ProductSummaries .column2 {width:100%;} #ProductSummaries .column3 {width:100px;} #ProductSummaries .productTitle h3 {margin:0;} #ProductSummaries .productTitle2 h3 {padding:0 0 19px 0;} #ProductSummaries .productTitle h3 a{font-weight:bold; font-size:0.9em;} #ProductSummaries .hearingLevel {padding:0 0 10px 0; text-align:right;} #ProductSummaries .productPrice {font-weight:bold; color:#f03; text-align:right; padding:10px 0;} #ProductSummaries .incVat {font-weight:bold; color:#666;} #ProductSummaries .incVatPublications {color:#f00;} #ProductSummaries .viewLink {margin:5px 0 0 0; text-align:right;} #ProductSummaries .moreInfo a {float:right; font-size:13px; font-weight:bold; background:url(/i/blankButton142.gif) 0 0 no-repeat; display:block; width:124px; height:1.7em; padding:2px 0px 4px 18px;} /*\*/ * html #ProductSummaries .moreInfo a {width:142px; w\idth:124px;} /**/ #ProductSummaries h3.productOptions {margin:10px 0 0 0; background:#ebebeb; padding:2px 10px; color:#000;} #ProductSummaries .outOfStock {color:#fff; background:#f03;} #ProductSummaries .stockInfo {} #ProductSummaries .stockInfo p {color:#09c; font-weight:normal; margin:0 0 8px 0; padding:8px; border:solid 1px #09c;} #ProductSummaries #product .stockInfo p {margin:0;} #ProductSummaries #product {padding:0 11px 11px 11px;} #ProductSummaries #product .item {clear:both; padding-top:10px;} #ProductSummaries #product .item .itemImage {float:left;} #ProductSummaries #product .item .itemDetail {margin:0 0 0 210px;} #ProductSummaries #product .item p.highlightInfo {color:#039; padding:10px; margin:0 0 10px 0; background:#e1f0f7;} #ProductSummaries #product .item ul {list-style-type:none; margin: 8px 0; padding:0; clear:left;} #ProductSummaries #product .item li {padding:0 0 0 20px; background: transparent url(/i/shop/arrowRight.gif) -4px 2px no-repeat;} #ProductSummaries #product .code {margin:5px 0 0 0; color:#369; font-weight:bold;} #ProductSummaries #rating {padding:10px; margin-top:12px; border-bottom:dotted 1px #c2c2c2; border-top:dotted 1px #c2c2c2; background:#e1f0f7;} #ProductSummaries #rating h4 {color:#000;} #ProductSummaries #rating .ratingType {vertical-align:top; color:#000; padding:8px 0;} #ProductSummaries #rating .ratingType .text {float:left; font-weight:bold;} #ProductSummaries #rating img {margin:3px 0 0 10px;} #ProductSummaries #rating a {margin-right:12px;} #ProductSummaries #details .containerDotted {border-bottom:dotted 1px #c2c2c2; padding:18px 11px 16px 11px;} #ProductSummaries .container {padding:18px 11px 0 11px;} * html #ProductSummaries .container {margin-left:0px;} #ProductSummaries #details .basketLink {text-align:right; padding:4px 0 6px 0;} #ProductSummaries #details h4 {color:#369; margin:0 0 8px 0} #ProductSummaries #details ul {color:#09c; margin-top:0; margin-bottom:0;} #ProductSummaries #details li {color:#09c; margin:0 0 0 -25px;} #ProductSummaries #details li span {color:#000;} #ProductSummaries #details .blue {color:#09c; font-weight:bold;} #ProductSummaries #details .darkBlue {color:#369; font-weight:bold;} #ProductSummaries #details .red {color:#f03; font-weight:bold;} #ProductSummaries #details .grey {color:#666; font-weight:bold;} #ProductSummaries #details h4.accessories {background:#0099CC; padding: 3px 3px 2px 15px; margin:0; color:#fff; margin:10px 0 0 0;} #ProductSummaries #details .accessories {background:#ebebeb; padding:18px 11px 16px 11px; margin-top:1px;} #ProductSummaries #details .accessories span {font-weight:normal;} #ProductSummaries #details .accessories .button {text-align:right; margin-top:10px;} #ProductSummaries .reviewYourself {background:#D9F0F7; padding:8px; margin:5px 0 1px 0;} #ProductSummaries .reviewYourself h3 {margin:0;} #ProductSummaries .reviewYourself ul {list-style-type:none; margin:0 0 0 5px; padding:0;} #ProductSummaries .reviewYourself ul strong {color:#03c;} #ProductSummaries .reviewerDetails, #ProductSummaries .reviewerDetails * {color:#000;} #ProductSummaries .reviewerRating {margin:5px 0;} #ProductSummaries .review p {margin:5px 0 0 0;} #ProductSummaries #backLink {background:transparent; padding:5px 15px 4px 15px; text-align:right; margin:0 0 5px 0;} #ProductSummaries #backLink a {font-size:13px; background:url(/i/blankButton127.gif) 0 0 no-repeat; padding:2px 0px 4px 18px; width:109px; height:20px; display:block; text-align:left; float:right; font-weight:bold; overflow:hidden;} #ProductSummaries #backLink a.largeImage {font-size:13px; background:url(/i/shop/arrowRight.gif) -5px 0 no-repeat; width:auto; font-weight:normal; padding:0 0 0 9px;} #ProductSummaries .productImage {width:100%; padding-top:5px;} h3.publicationTitle {margin:0 0 8px 0 !important;} #ProductSummaries #shoppingBasket {padding:10px;} #ProductSummaries #shoppingBasket h1 {margin:0 0 5px 0; color:#f00; font-weight:normal;} #ProductSummaries #shoppingBasket h1 span {color:#000;} #ProductSummaries #secondButton {text-align:right; padding:8px 8px 0 0;} #ProductSummaries #productImageThumbnails ul {margin:8px 0; padding:0; list-style-type:none;} #ProductSummaries #productImageThumbnails li {float:left; padding:0 10px 10px 0;} #ProductSummaries #productImageThumbnails a img {border:solid 1px #e1f0f7; } #ProductSummaries #productImageThumbnails a.current img {border:solid 1px #03c;} #ProductSummaries #largeImageHightlight {margin-top:8px; background-color:#e1f0f7; color:#39c; font-weight:bold; font-size:1.15iem;} #productQuestions {padding:0 10px 10px 10px;} #productQuestions .backToTop {display:block; text-align:right; border-bottom:solid 1px #ccc; padding:3px 20px 3px 0; margin:0 0 5px 0; background:url(/i/home/arrowUp.gif) right 3px no-repeat;} #basketHeader {padding:10px; background:#ededed;} #basketHeader h3 {margin:0 0 10px 0;} #basketHeader p {margin:0;} #basketCurrency {padding:10px; background:#ededed; margin-top:2px; } #basketCurrency .right {position:relative; bottom: -7px;} #basketCurrency h4 {display:inline; vertical-align: 50%;} #basketFooter table {background:#ededed;} #basketFooter td {padding:3px 10px;} #basketFooter td.emptyBasket, #basketFooter td.carryOn {background:#fff; text-align:right;} #basketFooter .stillChange td {padding:6px 10px 3px 10px;} #basketFooter .stillChange td p {margin:0;} #basketHeader a.checkout, #basketFooter .stillChange td a {background:url(/i/blankButton.gif) 0 0 no-repeat; display:block; width:74px; margin:0; padding:2px 8px 4px 0; font-weight:bold; text-align:right; font-size:13px !important;} * html #basketFooter .stillChange td a {width:82px; w\idth:74px;} #basketFooter .right {margin:0 0 10px 0;} #relatedPurchases {border-top:dotted 1px #999; border-bottom:dotted 1px #999;} #relatedPurchases h2 {padding:8px; color:#39c; font-size:120%;} #relatedPurchases ul {margin:0; padding:0; list-style-type:none;} #relatedPurchases li {display:block; width:185px; float:left;} #relatedPurchases img {margin-left:18px;} #relatedPurchases a {width:136px; display:block; margin-right:25px; background:#e1f0f7 url(/i/shop/arrowRight.gif) 4px 4px no-repeat; padding:4px 8px 4px 16px; overflow:hidden; font-size:0.9em;} #theBasket {margin:10px 0;} #theBasket th {background:#39c; color:#fff; text-align:left; padding:3px 5px;} #theBasket th.border {border-right: solid 1px #fff;} #theBasket td {border-right: solid 1px #39c; border-bottom: solid 1px #39c; padding:6px;} #theBasket td.leftside {border-left: solid 1px #39c;} #theBasket td.leftside a {font-weight:bold;} #theBasket #basketCol1 a {color:red;} #theBasket #basketCol3 {background:#e1f0f7;} #theBasket #basketCol4 {background:#ededed;} #theBasket input {width:30px;} #theBasket input.clearButtonWhiteBack {width:5.5em;} #theBasket .vat, #theBasket .subtotal1, #theBasket .subtotal2 {border-bottom:solid 0px; text-align:right;} #theBasket .subtotal2 {font-weight:bold;} #theBasket .empty {border-bottom:solid 0px; border-right:solid 0px;} #theBasket .itemPrice {text-align:right; color:#f03;} #theBasket .totalPrice {text-align:right; color:#f03; font-weight:bold;} #theBasket .grandTotal .totalPrice {font-size:1.1em;} #theBasket .vatprice {text-align:right; color:#666; font-weight:bold;} #theBasket .qtyButton {width: 55px; padding: 0 0 0 2px; background: #fff url(/i/shop/arrowRight.gif) -4px 2px no-repeat; border: solid 0px; color:#03c; cursor: pointer;} #shopRightArea {background:#fff;} #shopRightArea .item {border:solid 2px #39c; padding:0 8px 8px 8px; margin-bottom:5px;} #shopRightArea .item .image {text-align:center;} #shopRightArea .item .title {color:#39c; font-weight:bold; margin:2px 0 4px 0;} #shopRightArea .item a {padding:0 0 0 10px; background: url(/i/shop/arrowRight.gif) -5px 0px no-repeat; display:block;} #shopRightArea .catalogue {background:#FFCC00; font-weight:bold; padding:8px; margin-bottom:5px;} #rightColumn #bestsellers {position:relative;} #rightColumn #bestsellers h3 {font-size:100%; padding:5px 8px 4px 8px; margin:0; color:#FFF; background:#39c url(/i/shop/iconStar.gif) right center no-repeat;} #rightColumn #bestsellers ul.links {margin:0; padding:10px; list-style-type:none; background-color:#fff;} #rightColumn #bestsellers ul.links li {display:inline;} #rightColumn #bestsellers ul.links li a {padding:0 0 0 10px; background: url(/i/shop/arrowRight.gif) -5px 0px no-repeat; display:block;} #rightColumn #recentlyViewed {position:relative;} #rightColumn #recentlyViewed h3 {font-size:100%; padding:5px 8px 4px 8px; margin:0; color:#FFF; background:#39c } #rightColumn #recentlyViewed ul.links {margin:0; padding:10px; list-style-type:none; background-color:#fff;} #rightColumn #recentlyViewed ul.links li {display:inline;} #rightColumn #recentlyViewed ul.links li a {padding:0 0 0 10px; background: url(/i/shop/arrowRight.gif) -5px 0px no-repeat; display:block;} #productFactsheet h2 {background:#39c; padding:3px 3px 2px 15px; color:#fff; font-size:medium; margin-bottom:5px;} #productFactsheet .highlightArea {background:#D9F0F7; padding:8px 8px 8px 15px;} #productFactsheet .container {padding:15px;} #productFactsheet .containerDotted {border-bottom:dotted 1px #c2c2c2; padding:18px;} #productFactsheet ul {background:#ededed; margin:0; padding:15px;} #productFactsheet li {color:#0099CC; margin:6px 0 6px 15px;} #productFactsheet h5 {color:#006699;} #registration {padding:5px 10px;} #registration h2 {background:#E9E9E9; color:#000; padding: 3px 3px 2px 10px; font-size:medium;} #registration .shadedPanel {padding:10px; background:#e9e9e9; border-bottom:solid 1px #FFF;} #registration h3 {margin:0 0 10px 0;} #registration .billingForm td {padding-top:10px;} #registration input, select {width:270px;} #registration .smallInput {width:55px;} #registration input.clearButtonGrey {width:82px;} #registration label {font-weight:bold; margin-top:10px; color:#000;} #registration fieldset {margin-top:10px;} #registration legend {font-weight:bold; margin:5px 0 1px 0;} * html #registration legend {margin:5px 0 1px -5px;} #registration .buttonArea {text-align:right; width:270px;} #registration .printBottom {margin:5px 0 10px 0;} #registration ul.cardTypes {list-style-type:none; padding:0; margin:4px 0 0 0;} #registration li {display:inline;} #registration legend span {font-weight:normal; color:#f00;} #registration label span {font-weight:normal; color:#f00;} #registration label span.normal {color:#000;} #registration fieldset label {display: inline; font-weight:normal; padding:0 10px 0 0;} #registration h3.register {background:#fff url(/i/shop/registrationArrow.gif) 4px center no-repeat; color:#03c; padding: 10px 10px 10px 30px; font-size:1.3em;} #registration h4.login {color:#000; font-size:1.1em; margin:0 0 10px 0;} #forgottenPasswordForm {width:270px} #forgottenPasswordForm label {width:100px;} #forgottenPasswordForm p {margin:10px 0;} #forgottenPasswordForm input {width:170px;} #forgottenPasswordForm .buttonArea {margin:10px 0 0 0;} #forgottenPasswordForm .columnOne {width:100px;} #forgottenPasswordForm .columnTwo {width:170px;} #addessesArea h3 {margin:0 0 5px 0;} #addessesArea h3 a {font-weight:normal; margin:0 0 0 20px;} #addessesArea .addressTable {border-top:dotted 1px #999;} #addessesArea td {padding:10px 0 0 10px;} #addessesArea td.lefty {border-right:dotted 1px #999; padding:10px 10px 0 0; width:48%;} #addessesArea select {width:auto; margin:10px 10px 0 0;} #addessesArea address {float:left; margin:0 50px 0 0;} #addessesArea .addressLinks {float:left;} #addessesArea .error {clear:left;} #theOrder {margin:10px 0;} #theOrder th {background:#39c; color:#fff; text-align:left; padding:3px 5px;} #theOrder th.border {border-right: solid 1px #fff;} #theOrder td {border-right: solid 1px #39c; border-bottom: solid 1px #39c; padding:6px;} #theOrder td.leftside {border-left: solid 1px #39c; border-right: solid 0px;} #theOrder .orderHistoryList #col1 {width:20%} #theOrder .orderHistoryList #col2 {width:80%} #theOrder .orderHistoryList td.leftside {border-left: solid 1px #39c; border-right: solid 1px #39c; padding:6px;} #theOrder .orderHistoryList #dispInfo {width:200px !important;} #theOrder .orderHistoryItem td.leftside {border-left: solid 1px #39c; border-right: solid 1px #39c;} #theOrder .orderHistoryItem td.noBottom {border-bottom: solid 0px; font-weight:bold; text-align:right;} #theOrder .orderHistoryItem #Col1 {width:60px;} #theOrder .orderHistoryItem #Col2 {width:80%;} #theOrder .orderHistoryItem #Col3 {width:100px; background-color:#e1f0f7;} #theOrder .orderHistoryItem #Col4 {width:100px; background-color:#ebebeb;} #theOrder .orderHistoryItem a {font-weight:bold;} #theOrder td.leftside a {font-weight:bold;} #theOrder #confirmCol1 a {color:red;} #theOrder #confirmCol3 {background:#e1f0f7;} #theOrder #confirmCol4 {background:#ededed;} #theOrder input {width:30px;} #theOrder .vat, #theOrder .subtotal1, #theOrder .subtotal2 {border-bottom:solid 0px; text-align:right;} #theOrder td.vatprice {border-bottom:solid 0px;} #theOrder td.vatexempt {padding:0; border:solid 0px;} #theOrder td.vatexempt div {float:right; width:42%; border:solid 1px #39c; background:#FFF7E0; padding:6px;} #theOrder td.vatexempt div span {display:block; text-align:right;} #theOrder td.vatexempt div span input.clearButtonWhite {width:5.5em; background:#FFF7E0 url(/i/clearButtonWhite.gif) left center no-repeat;} #theOrder .subtotal2 {font-weight:bold;} #theOrder .empty {border-bottom:solid 0px; border-right:solid 0px;} #theOrder .itemPrice {text-align:right; color:#f03;} #theOrder .totalPrice {text-align:right; color:#f03; font-weight:bold;} #theOrder .grandTotal .subtotal2 {color:#f00;} #theOrder .grandTotal .totalPrice {font-size:1.1em;} #theOrder .vatprice {text-align:right; color:#666; font-weight:bold;} #theOrder .qtyButton {width: 55px; padding: 0 0 0 2px; background: #fff url(/i/shop/arrowRight.gif) -4px 2px no-repeat; border: solid 0px; color:#03c; cursor: pointer;} #orderFooter {text-align:right;} #orderFooter strong {letter-spacing:-1px;} #orderFooter form {background:#ededed;} #orderFooter span {display:block; margin-top:10px;} #orderFooter span a {white-space:nowrap; font-weight:bold;} #orderFooter #agreeTerms {background:#ebebeb;} #orderFooter #agreeTerms label {font-weight:bold;} .billingForm label {display:block; margin:10px 0 3px 0;} .columnsTwoShaded {margin:0 0 1px 0;} .columnsTwoShaded #column1 {background:#e9e9e9 url(/i/white.gif) right top repeat-y; width:50%;} .columnsTwoShaded #column2 {background:#e9e9e9; width:50%;} .recordCount {background:#ebebeb; color:#3d3d3d; margin:5px 0 0 0;} .pagination {background:#ebebeb;} .pagination span {color:#999;} #resultsList ul {padding:0; margin:5px 0; list-style-type:none; border-top: dotted 1px #666;} #resultsList li {border-bottom: dotted 1px #666; padding:4px 0;} #resultsList li .productPrice {font-weight:bold; color:#f03;} #resultsList li .productPrice span.incVat {font-weight:bold; color:#666;} #myAccountSummary table td {width:50% !important;} #myAccountSummary h3 {color:#fff; background:#09c; padding:3px 8px; margin-bottom:1px;} #myAccountSummary h4 {margin:0 0 4px 0;} #myAccountHistory form, #myAccountSummary form, #myAccountSummary .form {padding:8px; margin-bottom:3px} #myAccountSummary #ordersPanel select {width:150px;} #myAccountHistory #ordersPanel .historyIntro {padding:8px;} #myAccountHistory #ordersPanel #checkOrderHistory label {font-weight:bold; color:#09c;} #myAccountHistory #ordersPanel #checkOrderHistory select{width:250px;} #myAccountSummary #myNewsletterSubscriptions, #myAccountSummary #myEmailAlerts {background:#ebebeb;} #myAccountSummary ul {list-style-type: none; margin:0; padding:0;} #myAccountSummary li {margin:3px 0; padding:0;} #myAccountHistory a, #myAccountSummary a {background:transparent url(/i/shop/arrowRight.gif) no-repeat -2px 1px; padding:0 0 0 13px; display:block;} #myAccountSummary legend {font-weight:bold;} #myAccountSummary input.submit {border:solid 0px; background:transparent url(/i/shop/arrowRight.gif) no-repeat left center; color:#03c; font-weight:bold; padding:2px 0 2px 13px; text-align:left; cursor:pointer;} * html #myAccountSummary input.submit {width:270px;} #myAccountHistory input.go, #myAccountSummary input.go {border:solid 0px; background:transparent url(/i/shop/goButtonWhiteWhite.gif) no-repeat left top; color:#03c; font-weight:bold; width:32px;} #myAccountSummary #billingAddress ul, #myAccountSummary #registrationAddress ul, #myAccountSummary #deliveryAddresses ul {margin:8px 0; background:#ebebeb; padding:4px 0;} #myAccountSummary #deliveryAddresses li {display:inline;} #myAccountSummary #deliveryAddresses li.block {display:block;} #myAccountSummary .buttonWhite120 {background: transparent url(/i/blankButton120.gif) no-repeat left center; border:solid 0px; padding:2px 0 2px 8px; color:#03c; font-weight:bold; width:120px; cursor:pointer; text-align:left; font-size:13px;} .buttonGrey232 {background: transparent url(/i/blankButton232.gif) no-repeat left center; border:solid 0px; padding:2px 0 2px 8px; color:#03c; font-weight:bold; width:232px; cursor:pointer; text-align:left; font-size:13px;} .buttonGrey266 {background: transparent url(/i/blankButton266.gif) no-repeat left center; border:solid 0px; padding:2px 0 2px 8px; color:#03c; font-weight:bold; width:266px; cursor:pointer; text-align:left; font-size:13px;} * html .buttonGrey232, * html .buttonGrey266 {padding-left:15px;} * html #myAccountSummary .buttonWhite120 {padding:2px 0 2px 15px;} .shopForm {background:#ebebeb; padding:8px;} .shopForm input {width:400px;} .shopForm input.radio {width:18px;} .shopForm textarea {width:400px; overflow:auto;} .shopForm label {font-weight:bold;} .shopForm label.h4 {color:#39c; padding-bottom:4px;} .shopForm label.h4 span {color:#666; font-weight:normal;} .shopForm legend.h4 {color:#39c; padding-bottom:4px; font-weight:bold;} .shopForm legend.h4 span {color:#666; font-weight:normal;} .shopForm .buttonArea {text-align:right; margin:8px 0; width:400px;} .shopForm .buttonArea .button {border:solid 0px; color:#03c; font-weight:bold; font-size:13px; background:#ededed url(/i/blankButton70.gif) left center no-repeat; cursor:pointer; width:70px; height:22px; padding:0 0 2px 5px;} .shopForm .buttonArea .buttonWide {border:solid 0px; color:#03c; font-weight:bold; font-size:13px; background:#ededed url(/i/blankButton120.gif) left center no-repeat; cursor:pointer; width:120px; height:22px; padding:0 0 2px 5px;} .shopForm a {background:transparent url(/i/shop/arrowRight.gif) no-repeat left center; padding:0 0 0 13px; } .shopThanks {padding:8px;} .shopThanks ul {list-style-type:none; margin:0; padding:0;} .shopThanks li {border:4px 0;} .shopThanks li a {background:transparent url(/i/shop/arrowRight.gif) no-repeat left center; text-decoration:underline; padding:0 0 0 13px; } .catalogueForm {background:#D9F0F8; margin:5px 0 1px 0;} .catalogueForm label {width:170px;} #pageHeaderAlt.iconBilling {background:transparent url(/i/shop/iconBilling.gif) 0px 2px no-repeat; padding:0 0 0 60px; height:3em; min-height:36px;} #pageHeaderAlt.iconDelivery {background:transparent url(/i/shop/iconDelivery.gif) 0px 2px no-repeat; padding:0 0 0 60px; height:3em; min-height:36px;} * html .iconDelivery {background:transparent url(/i/shop/iconDelivery.gif) 0px 2px no-repeat !important; padding:0 0 0 60px !important;} /***************************************/ /* STUFF BELOW HERE NEEDS SECTIONISING */ /***************************************/ a.arrowWhite {background:url(/i/shop/arrowRightWhite.gif) -5px 1px no-repeat; padding:0 0 0 10px; color:#fff; font-weight:bold;} a.arrowGreen {background:url(/i/shop/arrowRight.gif) -5px 0px no-repeat; padding:0 0 0 10px;} a.arrowGreenBold {background:url(/i/shop/arrowRight.gif) -5px 0px no-repeat; padding:0 0 0 10px; font-weight:bold;}