.requiredFieldMarker {color:green;height:10px;width:10px;float:left;} #ourServiceGBMap {float:right;margin:10px 10px 30px 10px;} /*************************************** * Generic Styles ***************************************/ .SmallGreyText {color:#978878;font-size:0.8em;} .SolidRightBorder {border-right:solid 1px #CCCCCC;} .SolidBottomBorder {border-bottom:solid 1px #CCCCCC;} /*************************************** * LOGIN ***************************************/ .LoginInputInputRow {color:#9b8e80;width:570px;margin:6px 0 6px 0;float:left;} .LoginInputInputRow p {margin:0;padding:0;} .LoginInputLabelCol {margin:2px 0 0 0;padding:0;float:left;width:130px;text-align:left;} .LoginInputInputCol {float:right;width:430px;text-align:left;} .LoginInputInputWide {width:410px;} .LoginInputErrorMessage {color:Red;} .LoginInputLoginButton {text-align: center; } /*************************************** * PRODUCT OF THE MONTH ***************************************/ #productOfMonthBlock {margin:10px 5px 5px 0;float:left;width:567px;min-height:200px;} * html #productOfMonthBlock {height:200px;} #productOfMonthContent {margin:25px 5px 5px 0;display:block;min-height:200px;} #productOfMonthContent div.leftCol {margin:10px 0 0 0;float:left;width:190px;min-height:180px;} #productOfMonthContent div.rightCol {margin:10px 0 0 0;float:left;width:360px;min-height:180px;} #productOfMonthContent div.rightCol div.ptmRow {float:left;color:#9b8e80;margin:3px 0 3px 0;width:340px;} .ptmQuantity {text-align:center; color:#9b8e80;width:30px;} a.ptmMoreInformationButton {width:140px;background-image:url(images/buttons/btn140.gif);} .ptmAddButton {background-image:url(images/buttons/btn120.gif);background-repeat:no-repeat;width:120px;border:none;cursor:pointer;padding:0px;} /*************************************** * ALTERNATIVE ITEMS ***************************************/ #alternativeItemsBlock {margin:25px 5px 5px 0;float:left;width:567px;min-height:100px;} * html #alternativeItemsBlock {height:100px;} #alternativeItemsContent {margin:45px 5px 5px 0;height:160px;} .alternativeItemsGridBlock {height:160px;float:left;width:180px;margin:0;text-align:center;} /*************************************** * RELATED ITEMS ***************************************/ #relatedItemsBlock {margin:none;float:left;min-height:100px;} * html #relatedItemsBlock {height:100px;} .relatedItemsTextBlock {text-align:center;margin:0 0 0 7px;} .relatedItemsItem {float:left;width:140px;margin:0;text-align:center;} /*************************************** * ORDER ADDRESSES ***************************************/ .userAddressesBlock {display:block;min-height:10px;float:left;width:550px;margin:0 0 15px 0;} .orderAddressOptionBlock {border:solid 1px #CCCCCC; float:left;width:250px;min-height:200px;display:block;margin:1px;padding:3px;} a.UserAddressesEditButton {background-image:url(images/buttons/btn80.gif);width:80px;} a.UserAddressesCancelButton {background-image:url(images/buttons/btn80.gif);margin:10px 3px 0 3px;width:80px;} a.UserAddressesDeleteButton {background-image:url(images/buttons/btn80.gif);margin:0 3px 0 3px;width:80px;} a.UserAddressesSetBillingButton {background-image:url(images/buttons/btn110.gif);width:110px;} a.UserAddressesDeliverHereButton {background-image:url(images/buttons/btn110.gif);width:110px;} a.UserAddressesDefaultDeliveryButton {background-image:url(images/buttons/btn140.gif);width:140px;} a.UserAddressesDefaultBillingButton { background-image:url(images/buttons/btn140.gif);width:140px;} .UserAddressesAddButton {background-image:url(images/buttons/btn80.gif);background-repeat:no-repeat;width:80px;border:none;cursor:pointer;padding:0px;} .UserAddressesSaveButton {background-image:url(images/buttons/btn80.gif);background-repeat:no-repeat;width:80px;border:none;cursor:pointer;padding:0px;} .userAddressesButtonBlock {min-height:70px;} * html .userAddressesButtonBlock {height:70px;} .userAddressesTextBlock {min-height:100px;} * html .userAddressesTextBlock {height:100px;} .userDetailsContainerBlock {min-height:400px;} * html .userDetailsContainerBlock {height:400px;} .userDetailsInputRow {color:#9b8e80;width:570px;margin:6px 0 6px 0;float:left;} .userDetailsInputRow p {margin:0;padding:0;} .userDetailsLabelCol {margin:2px 0 0 0;padding:0;float:left;width:180px;text-align:left;} .userDetailsInputCol {float:right;width:380px;text-align:left;} .userDetailsInputCol input, .userDetailsInputCol select {color:#9b8e80;} .userDetailsInputWide {width:300px;} .userDetailsInput {width:100px;} a.UserDetailsUpdateButton {background-image:url(images/buttons/btn80.gif);width:80px;} .userAddressInputRow {color:#9b8e80;width:570px;margin:6px 0 6px 0;float:left;} .userAddressInputRow p {margin:0;padding:0;} .userAddressLabelCol {margin:2px 0 0 0;padding:0;float:left;width:180px;text-align:left;} .userAddressInputCol {float:right;width:380px;text-align:left;} .userAddressInputWide {width:300px;} .userAddressInput {width:100px;} #AddressLookupContainer {float:left;} #UserDetailsContainer {float:left;min-height:400px;} * html #UserDetailsContainer {height:400px;} .UserDetailsRegisterButton {background-image:url(images/buttons/btn80.gif);background-repeat:no-repeat;width:80px;border:none;cursor:pointer;padding:0px;} .UserDetailsUpdateButton {background-image:url(images/buttons/btn80.gif);background-repeat:no-repeat;width:80px;border:none;cursor:pointer;padding:0px;} .UserDetailsAutoCompleteButton {background-image:url(images/buttons/btn110.gif);background-repeat:no-repeat;width:110px;border:none;cursor:pointer;padding:0px;} /*************************************** * ECO RATING EXPLAINED ***************************************/ #ecoRatingTopLeftCol {float:left;width:280px;height:130px;} #ecoRatingTopRightCol {float:right;width:280px;} #ecoRatingTopRightCol img {margin:40px 40px 10px 40px;} .ecoRatingExample {font-size:medium;font-weight:bold;margin:6px 0 6px 0;padding:0;} .ecoRatingExampleDark {color:#338151;} .ecoRatingExampleLight {color:#95cd68;} #ecoRatingBottomRow {float:left;} .ecoRatingExampleCol {float:left;height:130px;width:182px;} .PeaWeightingTable { } .PeaWeightingTable td { padding: 2px; } .PeaWeightingTable th { padding: 2px; } .PeaWeightingTableDescRow { background-color: #E5E1DD; } .PeaWeightingTableTotalRow { background-color: #7AC142; color: #FFF; font-weight: bold; font-size: medium; } .PeaWeightingTableScoreCell { text-align: center; } .PeaWeightingTableTotalScoreCell { text-align: center; } /*************************************** * TELL A FRIEND PAGE ***************************************/ .tellAFriendInputRow {color:#9b8e80;width:570px;margin:6px 0 6px 0;float:left;} .tellAFriendInputRow p {margin:0;padding:0;} .tellAFriendLabelCol {margin:2px 0 0 0;padding:0;float:left;width:130px;text-align:left;} .tellAFriendInputCol {float:right;width:430px;text-align:left;} .tellAFriendInputWide {width:410px;} .tellAFriendButton {background-image:url(images/buttons/btn120.gif);background-repeat:no-repeat;width:120px;border:none;cursor:pointer;padding:0px;} /*************************************** * CHECKOUT / BASKET PAGE ***************************************/ #basketItemRemoveLink {height:20px;width:80px;background-image:url(images/buttons/btn80.gif);background-repeat:no-repeat;text-align:center;} .basketItemRemoveButton a {font-size:xx-small;color:#fff;display:block;padding:3px 0 0 0;height:20px;width:80px;text-decoration:none;} .basketItemHeader {padding:4px 4px 0 4px;height:18px;font-size:x-small;color:#fff;background-color:#998b7d;margin:0 1px 0 1px;} .basketItemCell {padding:0 0 0 3px;font-size:xx-small;color:#9b8e80;} .basketItemCell input {text-align:center;font-size:xx-small;color:#9b8e80;} a.basketClearButton {background-image:url(images/buttons/btn110.gif);width:110px;margin:20px 0 0 0;} a.basketOrderButton {background-image:url(images/buttons/place_order.gif);width:110px;margin:20px 0 0 7px;} a.basketContinueShopping {background-image:url(images/buttons/btn160.gif);width:160px;margin:20px 0 0 0;} .basketUpdateButton {background-image:url(images/buttons/btn70.gif);background-repeat:no-repeat;width:70px;border:none;cursor:pointer;padding:0px;} .basketTable {width:567px;} .basketTable td {padding: 2px 0px;} .basketDeliveryChargeTotalRowEdit {float:left;min-height:50px;width:487px;} .basketDeliveryChargeTotalRowView {float:left;min-height:50px;width:567px;} * html .basketDeliveryChargeTotalRow {height:50px} .basketUpdateBasketRow {min-height:20px;width:80px;padding-left:335px;margin-top:5px;} #basketDeliverChargeRow {text-align:right;height:20px;margin:20px 13px 0 0;} .basketTotalCostCell {float:right;width:80px;font-size:xx-small;color:#9b8e80;} .basketTotalCostLabel {float:right;color:#9b8e80;font-size:x-small;} #basketTotalCostRow {text-align:right;min-height:20px;float:left;width:100%;} .basketTotalCell {width:58px;float:right;height:20px;font-size:xx-small;background-color:#998b7d;color:#fff;margin:10px 0 0 1px;padding:4px 13px 0 4px;} .basketTotalLabel {width:100px;float:right;height:20px;background-color:#998b7d;color:#fff;font-size:x-small;margin:10px 1px 0 0;padding:4px 17px 0 4px;} #basketSimilarItemsBlock {min-height:80px;float:left;width:565px;margin:20px 0 0 0;} a.btnProceedToDelivery {background-image:url(images/buttons/btn140.gif);width:140px;} a.deliveryAddressChange {background-image:url(images/buttons/btn90.gif);width:90px;} /*************************************** * ORDER HISTORY / DETAILS ***************************************/ a.orderhGetOrders {background-image:url(images/buttons/btn100.gif);width:100px;} a.orderBack {background-image:url(images/buttons/btn60.gif);width:60px;} .orderhTable {width:567px;} .orderhTable td {padding: 2px 0px;} .orderhItemCell {padding:0 0 0 3px;font-size:xx-small;color:#9b8e80;} .orderhItemHeader {padding:4px 4px 0 4px;height:18px;font-size:x-small;color:#fff;background-color:#998b7d;margin:0 1px 0 1px;} .orderhItemCell {padding:0 0 0 3px;font-size:xx-small;color:#9b8e80;} .orderhItemCell input {text-align:center;font-size:xx-small;color:#9b8e80;} #orderhViewLink {height:20px;width:60px;background-image:url(images/buttons/btn60.gif);background-repeat:no-repeat;text-align:center;} .orderhViewButton a {font-size:xx-small;color:#fff;display:block;padding:3px 0 0 0;height:20px;width:60px;text-decoration:none;} .orderdSummary {float:left;min-height:50px;width:567px;} #orderdDeliverChargeRow {text-align:right;height:20px;margin:20px 13px 0 0;} .orderdTotalCell {width:70px;float:right;height:20px;font-size:xx-small;background-color:#998b7d;color:#fff;margin:10px 0 0 1px;padding:4px 13px 0 4px;} .orderdTotalCostLabel {float:right;color:#9b8e80;font-size:x-small;} #orderdTotalCostRow {text-align:right;min-height:20px;float:left;width:100%;} .orderdTotalCostCell {float:right;width:90px;font-size:xx-small;color:#9b8e80;} .orderdTotalLabel {width:100px;float:right;height:20px;background-color:#998b7d;color:#fff;font-size:x-small;margin:10px 1px 0 0;padding:4px 17px 0 4px;} /*************************************** * CONTACT US PAGE ***************************************/ .contactUsPanel {color:#9b8e80;width:560px;margin:0;padding:0;float:left;} * html .contactUsPanel {color:#9b8e80;width:570px;} .contactUsPanel .subheader {background-color:#998b7d;height:19px;color:#fff;text-align:left;padding:0 0 0 5px;margin:0 0 10px 0;} .contactUsInputBlock {float:left;} .contactUsInputRow {width:570px;margin:6px 0 6px 0;float:left;} .contactUsInputRow p {margin:0;padding:0;} .contactUsLabelCol {margin:2px 0 0 0;padding:0;float:left;width:140px;text-align:left;} .contactUsInputCol {float:right;width:360px;text-align:left;} .contactUsInput Input {width:108px;border:solid 1px #636466;} .contactUsTitleDDL {width:200px;} .contactUsInputHouseNumber {width:320px;} .contactUsInputWide {width:340px;} input.contactUsInputSmall {width:60px;} .contactUsInputLeft {float:left;} .contactUsInputRight {margin:0 0 0 20px;padding:0;float:left;} #contactUsAutoCompleteLink {float:right;height:20px;width:130px;background-image:url(images/buttons/btn130.gif);background-repeat:no-repeat;text-align:center;} .contactUsButton {background-image:url(images/buttons/btn130.gif);background-repeat:no-repeat;width:130px;border:none;cursor:pointer;padding:0px;} /*************************************** * Item Group (product) page ***************************************/ #IGDetailContainer {float:left;min-height:100px;} #IGDetailTop {float:left;} #IGDetailLeft {float:left;width:300px;} #IGDetailRight {float:right;width:270px;} #IGDetailRight {width:270px;} #IGMainImage {float:left;width:300px;text-align:center;} .IGTitle {color:#53955d;font-size:1.2em;font-weight:bold;} .IGTitleStockBreaker {color:#978878;font-size:1.2em;} #IGItemCode {margin:5px 0 5px 0;color:#978878;font-size:0.8em;} .IGSpecialOffer {margin:5px 0 5px 0;color:#FF0000;font-size:1em;} #IGDetailDescription {margin:10px 0 10px 0;color:#978878;font-size:1em;} #IGDetailLower {float:left;width:560px;margin:15px 0 0 0;padding:15px 0 0 0;border-top:solid 1px #CCCCCC;} .itemGroupQuantity {text-align:center;width:40px;} #itemGroupAddLink {float:left;height:20px;width:130px;background-image:url(images/buttons/btn130.gif);background-repeat:no-repeat;text-align:center;} .GreenAttributesBlock {width:550px;} .ItemGroupPopupGreenAttribute {width:182px;float:left;} .IGScore img { margin: 0 3px; } .IGScoreLink {float:left;text-decoration:underline;margin:0px 0 0 10px;padding:0;font-size:xx-small;} .itemGroupAddButton {background-image:url(images/buttons/btn130.gif);background-repeat:no-repeat;width:130px;border:none;cursor:pointer;padding:0px;} .basketOutOfStock { float:left; } .basketOutOfStockWarning { float:left;width:30px; } .basketOutOfStockLink { float:left;width:160px; } .basketOutOfStockLink a { color:#53955D;text-decoration:underline; } .basketOutOfStockLink a:visted { color:#53955D;text-decoration:underline; } .basketOutOfStockLink a:hover { color:#53955D;text-decoration:underline; } /*************************************** * STOCK REMINDER PAGE ***************************************/ .StockRemindButton {background-image:url(images/buttons/btn80.gif);background-repeat:no-repeat;width:80px;border:none;cursor:pointer;padding:0px;} /*************************************** * Buttons and Bookmarks on product page ***************************************/ #buttons { width: 560px; height: 44px; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; padding: 10px 0 10px 0; } .itemGroupAddButton {background: #339966 url(images/buttons/add_to_cart.gif);width:188px;height: 44px;display: block; line-height: 44px;border:none;cursor:pointer;padding:0px;float: left; color: #fff; font-size: 1.1em; text-transform: uppercase; font-weight: bold;} #bookmarks { width: 230px; float: right; height: 20px; padding: 11px 0; } #bookmarks h6 { background: url(../../assets/images/social-bookmarks/bookmark.png); width: 57px; height: 11px; display: block; overflow: hidden; text-indent: -5000px; margin: 6px 5px 0px 0; float: left; } #bookmarks ul { margin: 0; padding: 0; } #contentColumn #bookmarks ul li { float: left; margin: 0 3px 0 0; background-image: none; list-style: none; padding: 0; } #bookmarks ul li#google { background: url(../../assets/images/social-bookmarks/google.png) left bottom; width: 24px; height: 22px; } #bookmarks ul li#google a { background: url(../../assets/images/social-bookmarks/google.png) left top; width: 24px; height: 22px; display: block; overflow: hidden; text-indent: -5000px; } #bookmarks ul li#live { background: url(../../assets/images/social-bookmarks/live.png) left bottom; width: 24px; height: 22px; } #bookmarks ul li#live a { background: url(../../assets/images/social-bookmarks/live.png) left top; width: 24px; height: 22px; display: block; overflow: hidden; text-indent: -5000px; } #bookmarks ul li#yahoo { background: url(../../assets/images/social-bookmarks/yahoo.png) left bottom; width: 24px; height: 22px; } #bookmarks ul li#yahoo a { background: url(../../assets/images/social-bookmarks/yahoo.png) left top; width: 24px; height: 22px; display: block; overflow: hidden; text-indent: -5000px; } #bookmarks ul li#stumbleupon { background: url(../../assets/images/social-bookmarks/stumbleupon.png) left bottom; width: 24px; height: 22px; } #bookmarks ul li#stumbleupon a { background: url(../../assets/images/social-bookmarks/stumbleupon.png) left top; width: 24px; height: 22px; display: block; overflow: hidden; text-indent: -5000px; } #bookmarks ul li#delicious { background: url(../../assets/images/social-bookmarks/delicious.png) left bottom; width: 24px; height: 22px; } #bookmarks ul li#delicious a { background: url(../../assets/images/social-bookmarks/delicious.png) left top; width: 24px; height: 22px; display: block; overflow: hidden; text-indent: -5000px; } #bookmarks ul li#facebook { background: url(../../assets/images/social-bookmarks/facebook.png) left bottom; width: 24px; height: 22px; } #bookmarks ul li#facebook a { background: url(../../assets/images/social-bookmarks/facebook.png) left top; width: 24px; height: 22px; display: block; overflow: hidden; text-indent: -5000px; } #bookmarks ul li#twitter { background: url(../../assets/images/social-bookmarks/twitter.png) left bottom; width: 24px; height: 22px; } #bookmarks ul li#twitter a { background: url(../../assets/images/social-bookmarks/twitter.png) left top; width: 24px; height: 22px; display: block; overflow: hidden; text-indent: -5000px; } #bookmarks p { clear: left; text-align: right; font-size: 0.75em; padding: 5px 5px 0 0; margin: 0; } #bookmarks ul li#kaboodle img { margin: 4px 0 0 2px; } .socialbookmarksheading {display: block; width: 370px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(../../assets/images/social-bookmarks/heading.gif) no-repeat left top; } /*************************************** * FIND USER PAGE ***************************************/ .findUserInputBlock {float:left;} .findUserInputRow {width:570px;margin:6px 0 6px 0;float:left;} .findUserLabelCol {margin:2px 0 0 0;padding:0;float:left;width:130px;text-align:left;} .findUserLabelCol small { color:#9B8E80; } .findUserInputCol {float:right;width:430px;text-align:left;} .findUserInput Input {width:108px;border:solid 1px #636466;} .findUserInputWide {width:300px;} .findUserTable {width:567px;} .findUserTable td {padding:3px;font-size:x-small;color:#9b8e80;margin:4px;} .findUserTable th {padding:0px 4px 0 4px;height:18px;font-size:x-small;color:#fff;background-color:#998b7d;margin:0 3px 0 3px;} .findUserTable caption {text-align:left;color:#0A8341;margin: 15px 0px 5px 0px;font-weight:bold;} /*************************************** * USER INFO PAGE ***************************************/ .userInfoInputBlock {float:left;} .userInfoInputRow {width:570px;margin:6px 0 6px 0;float:left;} .userInfoLabelCol {margin:2px 0 0 0;padding:0;float:left;width:130px;text-align:left;font-weight:bold;} .userInfoInputCol {float:right;width:430px;text-align:left;} /*************************************** * Rounded corner box ***************************************/ .IGInfoBlock_a {margin:0 0 20px 60px;width:207px;} * html .IGInfoBlock_a {text-align:right;} .IGInfoBlock_a_top {font-size:0.1em;height:11px;background-image:url(images/general/infoBlock_a_top.gif);background-repeat:no-repeat;} .IGInfoBlock_a_mid {margin:0;background-image:url(images/general/infoBlock_a_mid.gif);background-repeat:repeat-y;} * html .IGInfoBlock_a_mid {} .IGInfoBlock_a_bottom {height:11px;background-image:url(images/general/infoBlock_a_bottom.gif);background-repeat:no-repeat;} .IGInfoBlock_a h5 { padding: 0 0 5px 3px; margin: 0; color: #339966; } /*************************************** * Item Group Info ***************************************/ .IGInfoText {text-align:left;padding:10px;min-height:20px;width:175px;margin:0 5px 0 0;} .IGScore {padding:0px 5px 8px 10px;min-height:20px;width:175px;margin:0 5px 0 0;} .IGScoreIcon {float:left;border-width:1px;} .IGEcoRatingScoreTitle {color:#978878;font-size:small;padding:0px 5px 8px 10px;text-align:left;} .lblIGInStock {color:#189e4a;font-size:0.9em;} #IGPriceBlock {font-size:1.2em;color:#978878;} .lblIGPrice {font-size:1.5em;color:#978878;} .lblIGDetailLink {color:#5cab64;} .IGInfoList {margin:0 0 0 25px;padding:0;} .IGInfoListItem {margin:5px 0 0 0;color:#978878; list-style-image:url(images/general/listitem_bullet.gif);} #ecoRatingHeading {text-align:left;float:left;width:360px;height:50px;} #ecoRatingItemScore {height:100px;float:left;width:190px;} .ItemGroupContainerItem a { width: 180px; height: 180px; display: block; text-decoration: underline; } .ItemGroupContainerItem a:hover { text-decoration: none; color: #339966; } .ItemGroupSearchResultImageBlock {} .ItemGroupSearchResultTextBlock {text-align:center;margin:0 0 0 7px;} .ItemGroupSearchResultTextBlock span { font: bold 1.2em/23px Arial; color: #333; display: block; width: 146px; height: 23px; margin: 5px auto 0 auto; background: url(/assets/images/category-page/price_bg.gif); } .ItemGroupSearchResultBlock {height:200px;float:left;width:180px;margin:0;text-align:center;border-bottom:solid 1px #CCCCCC;} /* ##### .SearchResultsSpecialOffer ##### */ .ItemGroupSearchResultBlock { position: relative; } .ItemGroupSearchResultSpecialOffer { position: absolute; bottom: 3px; left: 0; width: 100%; height: 20px; display: block; font-weight: bold; } /* ##### /.SearchResultsSpecialOffer ##### */ a.ItemGroupSearchResultItem {cursor:pointer; text-decoration: none; color: #339966; } a.ItemGroupSearchResultItem img { margin: 15px auto 2px auto; } a.ItemGroupSearchResultItem:hover { text-decoration: underline; color: #333; } .ItemGroupSearchResultSpecialOffer { color:#ff0000;display:block;width:180px;float:left; } #EcoScoreTable { border-left: solid 1px #9B8C7E; } #EcoScoreTable th { background-color: #998B7D;color:#FFF;font-size:1.1em;padding:3px; font-weight: bold; } #EcoScoreTable td { font-size:1.1em;padding:3px; border-bottom: solid 1px #9B8C7E; border-right: solid 1px #9B8C7E;} #EcoScoreTableArea { width:100px; } #EcoScoreTableScore { width:60px; } /*************************************** * Homepage category blocks ***************************************/ #hp_categoryBlock {float:left;} #hp_categoryBlock img {border:none;} .hp_categoryRow {border-bottom:solid 1px #CCCCCC;float:left;width:570px;height:264px;} .hp_categoryLastRow {border-bottom:none;float:left;width:570px;height:264px;} .hp_categoryItem {float:left;width:280px;} .hp_categoryLeftItem {width:255px;margin:10px 10px 10px 0;} .hp_categoryRightItem {text-align:right;margin:10px 0 10px 0;border-left:solid 1px #CCCCCC;} #hp_catalogerequestBlock {float:left;height:185px;border-right:1px solid #CCCCCC;width:265px;margin:10px 10px 10px 0;} #hp_competitionBlock {padding-left:10px;float:left;height:185px;width:270px;margin:10px 0 0 0;} /*************************************** * AJAX Control Popups ***************************************/ .ItemGroupImagePopup {border:solid 2px #d6d1cb;margin:0;background-color:#ffffff;} #ItemGroupPopupImageBlock {display:block;margin:0;} #ItemGroupPopupNameBlock {display:block;margin:10px 0 0 0;} .ItemGroupPopupNameHeading {color:#53955d;font-size:1.2em;font-weight:bold;} #ItemGroupPopupButtonBlock {margin:5px 5px 10px 5px;} #ItemGroupPopupButtonBlock a {color:#5b5b5f;} .ItemGroupPopupLink {text-decoration:none;color:#9a8b7a;} .ItemGroupPopupBackground {background-color: #FFFFFF; opacity:0.7; filter:alpha(opacity=70); } /********************************************** * Payment pages **********************************************/ .paymentStagePanel {color:#9b8e80;width:560px;margin:0;padding:0;float:left;} * html .paymentStagePanel {color:#9b8e80;width:570px;} .paymentStagePanel .subheader {background-color:#998b7d;height:19px;color:#fff;text-align:left;padding:0 0 0 5px;margin:0 0 10px 0;} .paymentStageInputBlock {float:left;} .paymentStageInputRow {width:570px;margin:6px 0 6px 0;float:left;} .paymentStageLabelCol {margin:2px 0 0 0;padding:0;float:left;width:140px;text-align:right;} .paymentStageInputCol {float:right;width:410px;text-align:left;} .paymentStageInput Input {width:108px;border:solid 1px #636466;} input.paymentStageInputSmall {width:60px;} .payment_CardTypesDropList {margin:0px;padding:0;list-style:none;float:left;} .paymentStageInputLeft {float:left;} .paymentStageInputRight {margin:0 0 0 20px;padding:0;float:left;} select {} input.CompleteOrderButton {padding:0px;border: solid 0px #000;cursor:pointer;background-image:url(images/buttons/btn140.gif);background-repeat:no-repeat;font-size:xx-small;font-size:xx-small;text-align:center;text-decoration:none;color:#FFFFFF;height:20px;width:140px;margin:0pt 3px;padding:1px 0pt 0pt;} /********************************************** * panel type a **********************************************/ .panel_a_block {float:left;width:165px;min-height:240px;margin:15px 0 0 10px;} * html .panel_a_block {margin:0 0 0 5px;} .panel_a_header {float:left;height:25px;margin:0;width:162px;background-image:url(images/general/panel_a_top2.gif);background-repeat:no-repeat;} .panel_a_mid {float:left;height:160px;width:162px;margin:0;background-image:url(images/general/panel_a_mid.gif);background-repeat:repeat-y;background-color:#e5e1dd;} .panel_a_base {height:9px;float:left;margin:0;width:162px;background-image:url(images/general/panel_a_bottom.gif);background-repeat:no-repeat;} .panel_a_content {height:155px;margin:5px 0 0px 5px;} .panel_a_content p {margin:0;padding:0;font-size:0.8em;} .panel_a_coloured1 {color:#0a8341;} /********************************************** * Simple Ad Roatation **********************************************/ .adRotatorBlock { margin:0 0 0 10px; padding: 0pt; min-height: 110px; float: left; } .AdBlock {display:block;float:left;} /********************************************** * Reg page **********************************************/ /*#UserDetailsContainer {width:570px;} .userDetailsFieldset {background:#FFFFFF none repeat scroll 0%;border:1px solid #DADADA;display:block;margin:10px 0px 0pt;padding:0pt;position:relative;width:568px;} .userDetailsFieldset legend {background:#393939 none repeat-x scroll 0%;border:1px solid #5E5E5E;color:#FFFFFF;margin:0pt 0pt 0pt -1px;padding:4px 18px;} .userDetailsFieldset label {clear:both;color:#4E4E4E;display:block;line-height:1.6em;padding:0.5em 5px 0.8em 10px;} .userDetailsFieldset input {background:#FFFFFF none repeat scroll 0%;border:1px solid #AAAAAA;float:right;padding:2px 3px;width:175px;} .userDetailsFieldset .userDetailsValidator {float: right;} .userDetailsFieldset .autoCompleteBox {background:#FFFFEE none repeat scroll 0%;border-top:1px solid #E7E7E8;display:block;margin:0pt;min-height:50px;} .userDetailsFieldset .autoCompleteButton {background:#57874A none no-repeat scroll left center;border:1px solid #699E5A;color:#000;cursor:pointer;margin:10px;padding:3px 10px;width:auto;} */ /********************************************** * Calendar control **********************************************/ .CalendarContainer{ width: 250px;float: left;} .Calendar th{text-align: center;} .CalendarTopBar{width: 100%;text-align: center;} .CalendarTopBar a{margin: auto;} .CalendarMidBar{display: block;text-align: center;} .CalendarTable{margin-top: 0px;width: 100%;} .CalendarMidBar div{margin-bottom: 5px;} .CalendarMidBar a{margin: 0;padding: 0;} .CalendarMidBar td{text-align: center;} .CalendarMidBar td a{margin: auto;} /********************************************** * Basket Display **********************************************/ .BasketPanelBlock {margin:5px 0 0 0;height:40px;} #basketLogo {margin:0;height:40px;width:35px;float:right;padding: 3px 15px 0px 0px;} #basketLogo a {height:30px;width:35px;} #summaryBasketTitleBlock {width:150px;float:left;} #summaryBasketSummaryBlock {width:150px;float:left;} /********************************************** * Search Form **********************************************/ #SearchFormPanel {width:165px;text-align:center;background-color:#d7d2cc;height:50px;padding:5px 0 0 0;margin:10px 0 5px 10px;} #SearchFormContent {margin:5px;} .SearchInputBox {background-image:url(images/general/searchBoxBackground.gif);background-repeat:no-repeat;} .SearchGO {font-weight:bold;border: solid 0px #D7D2CC;color:#5B5B5F;margin-top:5px;background-color:#D7D2CC;cursor:pointer;} /********************************************** * Login Control **********************************************/ #LoginContainer {width:220px;margin: 4px 0pt 0pt 10px;} .loginHeader {margin:0;padding:0;color:#5b5b5e;} #LoginContainer a {color:#5b5b5e;text-decoration: underline; background: url(../../assets/images/general/small_arrow.png) no-repeat left center; padding: 0 0 0 20px; display: block; margin: 0; } #LoginContainer a:hover {text-decoration:none;} .loginHeaderBlock {margin:0 0 5px 0;width:175px;} .loginPanel_hellouser {font-size:x-small;} .loginPanel_top p {width:200px;} .loginPanel_top p {margin:0;padding:0;} .loginPanel_mid { width:170px; } .loginPanel_bot { width:170px; padding-top:5px; } .loginPanel_bot a { font-size:x-small; } .loginPanel_bot_left { float:left; width:110px; } .loginPanel_bot_right { float:right; width:40px; margin-right: 20px; } .logoutPanel_top p {margin:0;padding:0;} .logoutHeader {margin:0;padding:0;} #LoginBackTextBlock {float:left;height:15px;width:50px;} #LoginLinkButtonBlock {margin:0px 5px 0 0px;} * html #LoginLinkButtonBlock {margin:2px 0px 0 0;} #LoginForgotTextBlock {position:relative;float:left;height:15px;width:125px;} * html #LoginForgotTextBlock {width:115px;} #LoginLinkButtonBlock a {height:39px;width:39px;display:block;} h2.loginHeader {font-size:medium;margin:0;padding:0;} .loginLabel {color:#5b5b5e;font-size:0.8em;margin:3px 0 3px 0;padding:0;line-height:10px;height:10px;} .UsernameInputBox {background-image:url(images/general/UsernameBackground.gif);background-repeat:no-repeat;} .PasswordInputBox {background-image:url(images/general/PasswordBackground.gif);background-repeat:no-repeat;} input.LoginLinkButton {border:none;height:39px;width:39px;cursor:pointer;background-image:url(images/general/Login_go.gif);background-repeat:no-repeat;padding:0px;} /********************************************** * Newsletter Request Panel **********************************************/ .NewsletterPanelControlBlock {height:120px;margin:10px 0 0 5px;display:block;} .newsletterPanelLabel {color:#5b5b5e;font-size:0.8em;margin:3px 0 3px 0;padding:0;line-height:10px;height:10px;} .NewsletterPanelButtonBlock {height:45px;border: solid 0px #000;display:block;} input.NewsletterPanelLinkButton {padding:0px;margin:5px 0px 0px 50px;border: solid 0px #000;height:39px;width:39px;cursor:pointer;background-image:url(images/general/panel_a_go.gif);background-repeat:no-repeat;} .newsletterPanel_Confirm p {font-size:x-small;margin:20px 0 0 10px;} .NewsletterNameInputBox {background-image:url(images/general/NewsletterNameBackground.gif);background-repeat:no-repeat;width:130px;} .NewsletterEmailInputBox {background-image:url(images/general/NewsletterEmailBackground.gif);background-repeat:no-repeat;width:130px;} /*************************************** * COMPETITION PAGE ***************************************/ .competitionPanel {color:#9b8e80;width:560px;margin:0;padding:0;float:left;} * html .competitionPanel {color:#9b8e80;width:570px;} .competitionPanel .subheader {background-color:#998b7d;height:19px;color:#fff;text-align:left;padding:0 0 0 5px;margin:0 0 10px 0;} .competitionEntryFormBlock {float:left;} .competitionEntryFormRow {width:570px;margin:6px 0 6px 0;float:left;} .competitionEntryFormRow p {margin:0;padding:0;} .competitionEntryFormLabel {margin:2px 0 0 0;padding:0;float:left;width:110px;text-align:left;} .competitionEntryFormInput {float:right;width:420px;text-align:left;} .competitionEntryFormInput Input {width:250px;border:solid 1px #636466;} .competitionEntryTitleDDL {width:200px;} .competitionEntryInputHouseNumber {width:320px;} .competitionEntryInputWide {width:340px;} .compAnswer {color:#616264;list-style:none;margin:0;padding:0;} ul.compAnswer {margin:10px 0 0 0;display:inline;} ul.compAnswer li {margin:3px 0 3px 0;display:inline;} .compAnswer input {margin:0 0 0 25px;padding:0;width:20px;} input.competitionEntryInputSmall {width:60px;} .competitionEntryInputLeft {float:left;} .competitionEntryInputRight {margin:0 0 0 20px;padding:0;float:left;} #competitionEntryAutoCompleteLink {float:right;height:20px;width:130px;background-image:url(images/buttons/btn130.gif);background-repeat:no-repeat;text-align:center;} .competitionEntryButton {background-image:url(images/buttons/btn130.gif);background-repeat:no-repeat;width:130px;border:none;cursor:pointer;padding:0px;} .compTAC {font-size:0.8em;} /********************************************** * Kids club banner ad **********************************************/ #JoinKidsClubBannerAdBlockWide {margin:10px 0 10px 0;border-bottom:solid 1px #CCCCCC;float:left;width:584px;} #JoinKidsClubBannerAdContentWide {} #JoinKidsClubBannerAdBlockLeft {float:left;width:200px;} #JoinKidsClubBannerAdBlockRight {float:right;} #JoinKidsClubBannerAdBlockLTop {float:left;margin:0 0 0 24px;width:300px;height:140px;} #JoinKidsClubBannerAdBlockLTop p {margin:5px 0 5px 0px} #JoinKidsClubBannerAdBlockLBottom {float:left;margin:1px 0 0 24px;} /********************************************** * Banners **********************************************/ .bannerText {color:#616264;margin:10px 0 0 0;} /********************************************** * Left Menu **********************************************/ .menulist {} .menuListItem {float:none;clear:both;} .xxxxmenuTextTop {} .xxxxmenuTextSub {float:left;display:block;min-height:15px;} #leftMenuBlock {min-height:10px;float:left;} #leftMenuContent ul {padding: 0 0 0 15px; margin: 0;} #leftMenuContent ul li.menuItem {margin:4px 0 4px 0;width:135px;float:left;display:block;min-height:15px;} #leftMenuContent ul li.menuSubItem {margin:0px 0 0px 15px;padding: 0;width:135px;float:left;display:block;height:20px;} * html .menuSubItem {margin:0px 0 0px 0px;} a.menuSubLinkText {display:block;text-indent:-2000px;width:135px;height:20px;} a.menuLinkText {display:block;text-indent:-2000px;width:135px;height:28px;} .menu_home {background-image:url(images/leftmenu/home.gif);background-repeat:no-repeat;} .menu_home a:hover {background-image:url(images/leftmenu/home_hover.gif);background-repeat:no-repeat;} .menu_home_selected {background-image:url(images/leftmenu/home_on.gif);background-repeat:no-repeat;} .menu_aboutus {background-image:url(images/leftmenu/aboutus.gif);background-repeat:no-repeat;} .menu_aboutus a:hover {background-image:url(images/leftmenu/aboutus_hover.gif);background-repeat:no-repeat;} .menu_aboutus_selected {background-image:url(images/leftmenu/aboutus_on.gif);background-repeat:no-repeat;} .menu_ourproducts {background-image:url(images/leftmenu/ourproducts.gif);background-repeat:no-repeat;} .menu_ourproducts a:hover {background-image:url(images/leftmenu/ourproducts_hover.gif);background-repeat:no-repeat;} .menu_ourproducts_selected {background-image:url(images/leftmenu/ourproducts_on.gif);background-repeat:no-repeat;} /* .sub_menu_outdoorliving {background-image:url(images/leftmenu/outdoorliving.gif);background-repeat:no-repeat;} .sub_menu_outdoorliving a:hover {background-image:url(images/leftmenu/outdoorliving_hover.gif);background-repeat:no-repeat;} .sub_menu_outdoorliving_selected {background-image:url(images/leftmenu/outdoorliving_on.gif);background-repeat:no-repeat;} .sub_menu_Family_Play {background-image:url(images/leftmenu/play.gif);background-repeat:no-repeat;} .sub_menu_Family_Play a:hover {background-image:url(images/leftmenu/play_hover.gif);background-repeat:no-repeat;} .sub_menu_Family_Play_selected {background-image:url(images/leftmenu/play_on.gif);background-repeat:no-repeat;} .sub_menu_learning {background-image:url(images/leftmenu/learning.gif);background-repeat:no-repeat;} .sub_menu_learning a:hover {background-image:url(images/leftmenu/learning_hover.gif);background-repeat:no-repeat;} .sub_menu_learning_selected {background-image:url(images/leftmenu/learning_on.gif);background-repeat:no-repeat;} .sub_menu_innovations {background-image:url(images/leftmenu/innovations.gif);background-repeat:no-repeat;} .sub_menu_innovations a:hover {background-image:url(images/leftmenu/innovations_hover.gif);background-repeat:no-repeat;} .sub_menu_innovations_selected {background-image:url(images/leftmenu/innovations_on.gif);background-repeat:no-repeat;} */ .menu_checkout {background-image:url(images/leftmenu/checkout.gif);background-repeat:no-repeat;} .menu_checkout a:hover {background-image:url(images/leftmenu/checkout_hover.gif);background-repeat:no-repeat;} .menu_checkout_selected {background-image:url(images/leftmenu/checkout_on.gif);background-repeat:no-repeat;} .menu_ourservice {background-image:url(images/leftmenu/ourservice.gif);background-repeat:no-repeat;} .menu_ourservice a:hover {background-image:url(images/leftmenu/ourservice_hover.gif);background-repeat:no-repeat;} .menu_ourservice_selected {background-image:url(images/leftmenu/ourservice_on.gif);background-repeat:no-repeat;} .menu_contactus {background-image:url(images/leftmenu/contactus.gif);background-repeat:no-repeat;} .menu_contactus a:hover {background-image:url(images/leftmenu/contactus_hover.gif);background-repeat:no-repeat;} .menu_contactus_selected {background-image:url(images/leftmenu/contactus_on.gif);background-repeat:no-repeat;} .menu_tellafriend {background-image:url(images/leftmenu/tellafriend.gif);background-repeat:no-repeat;} .menu_tellafriend a:hover {background-image:url(images/leftmenu/tellafriend_hover.gif);background-repeat:no-repeat;} .menu_tellafriend_selected {background-image:url(images/leftmenu/tellafriend_on.gif);background-repeat:no-repeat;} .menu_jointhepods {background-image:url(images/leftmenu/jointhepods.gif);background-repeat:no-repeat;} .menu_jointhepods a:hover {background-image:url(images/leftmenu/jointhepods_hover.gif);background-repeat:no-repeat;} .menu_jointhepods_selected {background-image:url(images/leftmenu/jointhepods_on.gif);background-repeat:no-repeat;} .menu_orderpad {background-image:url(images/leftmenu/orderpad.gif);background-repeat:no-repeat;} .menu_orderpad a:hover {background-image:url(images/leftmenu/orderpad_hover.gif);background-repeat:no-repeat;} .menu_orderpad_selected {background-image:url(images/leftmenu/orderpad_on.gif);background-repeat:no-repeat;} .menu_catalogue {background-image:url(images/leftmenu/catalogue.gif);background-repeat:no-repeat;} .menu_catalogue a:hover {background-image:url(images/leftmenu/catalogue_hover.gif);background-repeat:no-repeat;} .menu_catalogue_selected {background-image:url(images/leftmenu/catalogue_on.gif);background-repeat:no-repeat;} .menu_faq {background-image:url(images/leftmenu/faq.gif);background-repeat:no-repeat;} .menu_faq a:hover {background-image:url(images/leftmenu/faq_hover.gif);background-repeat:no-repeat;} .menu_faq_selected {background-image:url(images/leftmenu/faq_on.gif);background-repeat:no-repeat;} /*************************************** * CHRIS START ***************************************/ /*LEFT MENU */ .sub_menu_family_play {background: url(images/leftmenu/categories.gif) no-repeat -135px 0;} .sub_menu_family_play a {background: url(images/leftmenu/categories.gif) no-repeat left 0;} .sub_menu_family_play a:hover {background: url(images/leftmenu/categories.gif) no-repeat -135px 0;} .sub_menu_family_play_selected {background: url(images/leftmenu/categories.gif) no-repeat -268px 0;} .sub_menu_home_lifestyle {background: url(images/leftmenu/categories.gif) no-repeat -135px -20px;} .sub_menu_home_lifestyle a {background: url(images/leftmenu/categories.gif) no-repeat left -20px;} .sub_menu_home_lifestyle a:hover {background: url(images/leftmenu/categories.gif) no-repeat -135px -20px;} .sub_menu_home_lifestyle_selected {background: url(images/leftmenu/categories.gif) no-repeat -268px -20px;} .sub_menu_home_brewing {background: url(images/leftmenu/categories.gif) no-repeat -135px -40px;} .sub_menu_home_brewing a {background: url(images/leftmenu/categories.gif) no-repeat left -40px;} .sub_menu_home_brewing a:hover {background: url(images/leftmenu/categories.gif) no-repeat -135px -40px;} .sub_menu_home_brewing_selected {background: url(images/leftmenu/categories.gif) no-repeat -268px -40px;} .sub_menu_outdoor_and_gardening {background: url(images/leftmenu/categories.gif) no-repeat -135px -60px;} .sub_menu_outdoor_and_gardening a {background: url(images/leftmenu/categories.gif) no-repeat left -60px;} .sub_menu_outdoor_and_gardening a:hover {background: url(images/leftmenu/categories.gif) no-repeat -135px -60px;} .sub_menu_outdoor_and_gardening_selected {background: url(images/leftmenu/categories.gif) no-repeat -268px -60px;} .sub_menu_Shopping_and_Accessories {background: url(images/leftmenu/categories.gif) no-repeat -135px -80px;} .sub_menu_Shopping_and_Accessories a {background: url(images/leftmenu/categories.gif) no-repeat left -80px;} .sub_menu_Shopping_and_Accessories a:hover {background: url(images/leftmenu/categories.gif) no-repeat -135px -80px;} .sub_menu_Shopping_and_Accessories_selected {background: url(images/leftmenu/categories.gif) no-repeat -268px -80px;} .sub_menu_gifts {background: url(images/leftmenu/categories.gif) no-repeat -135px -100px;} .sub_menu_gifts a {background: url(images/leftmenu/categories.gif) no-repeat left -100px;} .sub_menu_gifts a:hover {background: url(images/leftmenu/categories.gif) no-repeat -135px -100px;} .sub_menu_gifts_selected {background: url(images/leftmenu/categories.gif) no-repeat -268px -100px;} .sub_menu_pea-bay {background: url(images/leftmenu/categories.gif) no-repeat -135px -120px;} .sub_menu_pea-bay a {background: url(images/leftmenu/categories.gif) no-repeat left -120px;} .sub_menu_pea-bay a:hover {background: url(images/leftmenu/categories.gif) no-repeat -135px -120px;} .sub_menu_pea-bay_selected {background: url(images/leftmenu/categories.gif) no-repeat -268px -120px;} /*CATEGORY PAGE HEADINGS */ .outdoorlivingHeading {display: block; width: 178px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/outdoor_living.gif) no-repeat left top;} .familyplayHeading {display: block; width: 147px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/family_play.gif) no-repeat left top;} .homeandlifestyleHeading {display: block; width: 215px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/home_lifestyle.gif) no-repeat left top;} .learningandinnovationsHeading {display: block; width: 290px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/learning_innovations.gif) no-repeat left top;} .recycledandfairtradeHeading {display: block; width: 268px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/recycled_fairtrade.gif) no-repeat left top;} .specialoccasionsHeading {display: block; width: 222px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/special_occasions.gif) no-repeat left top;} .craftHeading {display: block; width: 222px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/craft.gif) no-repeat left top;} .craftkitsHeading {display: block; width: 222px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/craftkits.gif) no-repeat left top;} .dollshousesHeading {display: block; width: 222px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/dollshouses.gif) no-repeat left top;} .ecobooHeading {display: block; width: 222px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/ecoboo.gif) no-repeat left top;} .musicHeading {display: block; width: 222px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/music.gif) no-repeat left top;} .outdoorfunHeading {display: block; width: 222px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/outdoorfun.gif) no-repeat left top;} .playhousesHeading {display: block; width: 222px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/playhouses.gif) no-repeat left top;} .rideonsHeading {display: block; width: 222px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/rideons.gif) no-repeat left top;} .toysHeading {display: block; width: 222px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/toys.gif) no-repeat left top;} .accessoriesHeading {display: block; width: 222px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/accessories.gif) no-repeat left top;} .decorativeHeading {display: block; width: 222px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/decorative.gif) no-repeat left top;} .kitchenHeading {display: block; width: 222px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/kitchen.gif) no-repeat left top;} .outdoorandgardeningHeading {display: block; width: 305px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/outdoorandgardening.gif) no-repeat left top;} .outdoorHeading {display: block; width: 225px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/outdoor.gif) no-repeat left top;} .gardeningHeading {display: block; width: 225px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/gardening.gif) no-repeat left top;} .shoppingandaccessoriesHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/shoppingandaccessories.gif) no-repeat left top;} .giftsHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/gifts.gif) no-repeat left top;} .giftsforchildrenHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/giftsforchildren.gif) no-repeat left top;} .giftsforherHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/giftsforher.gif) no-repeat left top;} .giftsforhimHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/giftsforhim.gif) no-repeat left top;} .pea-bayHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/pea-bay.gif) no-repeat left top;} .christmasgiftideasHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/christmas_gift_ideas.gif) no-repeat left top; } .christmasgiftsforherHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/christmas_gifts_for_her.gif) no-repeat left top; } .christmasgiftsforhimHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/christmas_gifts_for_him.gif) no-repeat left top; } .ecofriendlychristmasgiftsHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/eco_friendly_christmas_gifts.gif) no-repeat left top; } .fairtradechristmasgiftsHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/fair_trade_christmas_gifts.gif) no-repeat left top; } .unusualchristmasgiftsHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/unusual_christmas_gifts.gif) no-repeat left top; } .ecofriendlychristmashomewaresHeading {display: block; width: 450px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/ecofriendlychristmashomewares.gif) no-repeat left top; } .ecofriendlychristmastoysHeading {display: block; width: 450px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/ecofriendlychristmastoys.gif) no-repeat left top; } .stockingfillersHeading { display: block; width: 450px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/stocking_fillers.gif) no-repeat left top; } .ecofriendlyproductsHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/eco_friendly_products.gif) no-repeat left top; } .recycledgiftsHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/recycled_gifts.gif) no-repeat left top; } .fairtradeproductsHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/fair_trade_products.gif) no-repeat left top; } .fairtrade_gifts {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/fairtrade_gifts.gif) no-repeat left top; } .ecofriendlygiftsHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/eco_friendly_gifts.gif) no-repeat left top; } .sustainablewoodproductsHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/sustainable_wood_products.gif) no-repeat left top; } .greenhomeproductsHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/green_home_products.gif) no-repeat left top; } .homeandgardenHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/home_and_garden.gif) no-repeat left top; } .ecohomeproductsHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/eco_home_products.gif) no-repeat left top; } .sustainablefurnitureHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/sustainable_furniture.gif) no-repeat left top; } .ecofriendlygardenHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/eco_friendly_garden.gif) no-repeat left top; } .recycledornamentsHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/recycled_ornaments.gif) no-repeat left top; } .softtoyanimalsHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/soft_toy_animals.gif) no-repeat left top; } .familyandchildrenHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/family_and_children.gif) no-repeat left top; } .ecofriendlychildrenstoysHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/eco_friendly_childrens_toys.gif) no-repeat left top; } .outdoorgamesHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/outdoor_games.gif) no-repeat left top; } .woodentoysHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/wooden_toys.gif) no-repeat left top; } .toymusicalinstrumentsHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/toy_musical_instruments.gif) no-repeat left top; } .childrenseducationaltoysHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/childrens_educational_toys.gif) no-repeat left top; } .easychristmasgiftfinder {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/easy_christmas_gift_finder.gif) no-repeat left top; } .underfivepounds {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/underfivepounds.gif) no-repeat left top; } .a5-10pounds {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/5-10pounds.gif) no-repeat left top; } .a10-20pounds {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/10-20pounds.gif) no-repeat left top; } .a20-35pounds {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/20-35pounds.gif) no-repeat left top; } .over35pounds {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/over35pounds.gif) no-repeat left top; } .birthdaypresentideas {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/birthday-present-ideas/birthday_present_ideas.gif) no-repeat left top; } .birthdaypresentsformen {display: block; width: 360px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/birthday-present-ideas/birthday_presents_for_men.gif) no-repeat left top; } .birthdaypresentsforwomen {display: block; width: 380px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/birthday-present-ideas/birthday_presents_for_women.gif) no-repeat left top; } .birthdaypresentsforboys {display: block; width: 360px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/birthday-present-ideas/birthday_presents_for_boys.gif) no-repeat left top; } .birthdaypresentsforgirls {display: block; width: 3805px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/birthday-present-ideas/birthday_presents_for_girls.gif) no-repeat left top; } .unusualbirthdaypresents {display: block; width: 360px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/birthday-present-ideas/unusual_birthday_presents.gif) no-repeat left top; } .fathers-day {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/fathers-day/fathers_day.gif) no-repeat left top; } .gardening-and-outdoors {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/fathers-day/gardening_and_outdoors.gif) no-repeat left top; } .home-and-lifestyle {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/fathers-day/home_and_lifestyle.gif) no-repeat left top; } .keepsakes {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/fathers-day/keepsakes.gif) no-repeat left top; } .toys-and-gadgets {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/fathers-day/toys_and_gadgets.gif) no-repeat left top; } .new-products {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/new_products.gif) no-repeat left top; } .summersale {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/summersale.gif) no-repeat left top; } .feedbackHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/feedback.jpg) no-repeat left top; } .errorHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/error.gif) no-repeat left top; } .batteryrecyclingHeading {display: block; width: 345px; height: 37px; text-indent: -5000px; overflow: hidden; background: url(images/sectiontitles/battery_recycling.gif) no-repeat left top; } .featureproducts {padding-top:10px;} /*HOME PAGE */ h1#home-page { background: url(../../assets/images/general/t_givepeasachance1.gif) no-repeat -20px 0; width: 221px; height: 41px; text-indent: -5000px; overflow: hidden; display: block; } .announcement { background: url(../../assets/images/homepage/horizontal_dots.gif) repeat-x left bottom; padding: 0 0 20px 0; margin: 0 0 20px 0; } .announcement h3.christmas { width: 294px; height: 37px; background: url(../../assets/images/homepage/christmas_delivery_times.gif); display: block; overflow: hidden; text-indent: -5000px; } .announcement img { float: right; margin: -40px 0 15px 20px; } .postal-msg { background: url(../../assets/images/homepage/postal_msg.gif) no-repeat left bottom; padding: 0 10px 15px 70px; } /* ########### #home-page-features ########## */ #contentColumn #home-page-features ul { margin: 0; padding: 0; } #contentColumn #home-page-features ul li { margin: 0; padding: 0; background: none; } #contentColumn #home-page-features ul li#new-products { background: url(../../assets/images/homepage/horizontal_dots.gif) repeat-x bottom; padding: 20px 0; margin: 0 0 0px 0; height: 250px; } #contentColumn #home-page-features ul li#new-products h4 { margin: -20px 0 15px 0; padding: 0; } #contentColumn #home-page-features ul li#new-products p.cta { clear:left;} #contentColumn #home-page-features ul li#new-products ul li { float: left; width: 190px; text-align: center;} #contentColumn #home-page-features ul li#new-products ul li a { text-decoration: none; width: 170px; margin: 0 auto; } #contentColumn #home-page-features ul li#new-products ul li a span.product-title { font: bold 14px Arial, Helvetica, sans-serif; } #contentColumn #home-page-features ul li#new-products ul li a span.price { font: 14px Arial, Helvetica, sans-serif; color: Red; } #contentColumn #home-page-features ul li#new-products ul li a span.price b { text-decoration: line-through; font-weight: normal; } #contentColumn #home-page-features ul li#new-products ul li a img { width: 150px; height: 150px; margin: 0 auto 10px auto;} #contentColumn #home-page-features ul li#new-products ul li span.description { text-align: left; font-size: 11px; display: block; width: 170px; } /* ##### Bambu Feature ##### */ #contentColumn #home-page-features ul li#bambu { overflow: auto; background: url(../../assets/images/homepage/horizontal_dots.gif) repeat-x bottom; padding: 0 0 20px 0; } #contentColumn #home-page-features ul li#bambu h3 { background: url(/assets/images/homepage/bambu-feature/h3.jpg); width: 411px; height: 22px; display: block; overflow: hidden; text-indent: -5000px; } #contentColumn #home-page-features ul li#bambu ul { padding: 0; margin: 0; } #contentColumn #home-page-features ul li#bambu ul li { padding: 0; margin: 0; float: left; width: 125px; text-align: center; } #contentColumn #home-page-features ul li#bambu ul li img { margin: 0 auto; } /* ##### /Bambu Feature ##### */ /* ##### Gardening Feature ##### */ #contentColumn #home-page-features ul li#gardening-feature h3 { background: url(/assets/images/homepage/gardening-feature/h3.gif); width: 450px; height: 33px; text-indent: -5000px; overflow: hidden; } #contentColumn #home-page-features ul li#gardening-feature ul li#planting { background: url(/assets/images/homepage/gardening-feature/planting/bg.jpg) no-repeat top; width: 550px; height: 176px; padding: 20px 0 0 20px; position: relative; } #contentColumn #home-page-features ul li#gardening-feature ul li#planting h4 { width: 87px; height: 27px; background: url(/assets/images/homepage/gardening-feature/planting/h4.jpg); text-indent: -5000px; overflow: auto; margin: 0px 0 10px 0; } #contentColumn #home-page-features ul li#gardening-feature ul li#planting p { width: 200px; height: 53px; background: url(/assets/images/homepage/gardening-feature/planting/p.jpg); text-indent: -5000px; overflow: hidden; } #contentColumn #home-page-features ul li#gardening-feature ul li#planting ul { position: absolute; right: 0; bottom: 0; padding: 0 10px 0 0; } #contentColumn #home-page-features ul li#gardening-feature ul li#planting ul li { float: left; margin: 0; padding: 0; } #contentColumn #home-page-features ul li#gardening-feature ul li#watering { background: url(/assets/images/homepage/gardening-feature/watering/bg.jpg) no-repeat top; width: 550px; height: 180px; padding: 20px 0 0 20px; position: relative; } #contentColumn #home-page-features ul li#gardening-feature ul li#watering h4 { width: 98px; height: 26px; background: url(/assets/images/homepage/gardening-feature/watering/h4.jpg); text-indent: -5000px; overflow: auto; margin: 0px 0 10px 0; } #contentColumn #home-page-features ul li#gardening-feature ul li#watering p { width: 198px; height: 69px; background: url(/assets/images/homepage/gardening-feature/watering/p.jpg); text-indent: -5000px; overflow: hidden; } #contentColumn #home-page-features ul li#gardening-feature ul li#watering ul { position: absolute; right: 0; bottom: 0; padding: 0 10px 0 0; } #contentColumn #home-page-features ul li#gardening-feature ul li#watering ul li { float: left; margin: 0; padding: 0; } #contentColumn #home-page-features ul li#gardening-feature ul li#pest-control { background: url(/assets/images/homepage/gardening-feature/pest-control/bg.jpg) no-repeat top; width: 550px; height: 185px; padding: 20px 0 0 20px; position: relative; } #contentColumn #home-page-features ul li#gardening-feature ul li#pest-control h4 { width: 123px; height: 21px; background: url(/assets/images/homepage/gardening-feature/pest-control/h4.jpg); text-indent: -5000px; overflow: auto; margin: 0px 0 20px 0; } #contentColumn #home-page-features ul li#gardening-feature ul li#pest-control p { width: 186px; height: 72px; background: url(/assets/images/homepage/gardening-feature/pest-control/p.jpg); text-indent: -5000px; overflow: hidden; } #contentColumn #home-page-features ul li#gardening-feature ul li#pest-control ul { position: absolute; right: 0; bottom: 0; padding: 0 10px 5px 0; } #contentColumn #home-page-features ul li#gardening-feature ul li#pest-control ul li { float: left; margin: 0; padding: 0; } /* ##### /Gardening Feature ##### */ #contentColumn #home-page-features ul li#cracker { background: url(../../assets/images/homepage/features/crackers.jpg) no-repeat; width: 510px; height: 249px; display: block; text-indent: -5000px; overflow: hidden; margin: 0px 0 0 20px; } #contentColumn #home-page-features ul li#cracker a { background: url(../../assets/images/homepage/features/crackers.jpg) no-repeat; width: 510px; height: 249px; display: block; text-indent: -5000px; overflow: hidden; } #contentColumn #home-page-features ul li#magazine-paper-pot { background: url(../../assets/images/homepage/features/magazine_paper_pot.jpg) no-repeat; width: 515px; height: 250px; display: block; text-indent: -5000px; overflow: hidden; margin: 20px 0 0 20px; } #contentColumn #home-page-features ul li#magazine-paper-pot a { background: url(../../assets/images/homepage/features/magazine_paper_pot.jpg) no-repeat; width: 515px; height: 250px; display: block; text-indent: -5000px; overflow: hidden; } #contentColumn #home-page-features ul li#the-chickens-back { background: url(../../assets/images/homepage/features/the_chickens_back.jpg) no-repeat; width: 529px; height: 174px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 0 20px 20px; } #contentColumn #home-page-features ul li#the-chickens-back a { background: url(../../assets/images/homepage/features/the_chickens_back.jpg) no-repeat; width: 529px; height: 174px; display: block; text-indent: -5000px; overflow: hidden; } #contentColumn #home-page-features ul li#free-calendar { background: url(../../assets/images/homepage/features/free_calendar.png) no-repeat; width: 515px; height: 185px; display: block; text-indent: -5000px; overflow: hidden; } #contentColumn #home-page-features ul li#crash { background: url(../../assets/images/homepage/features/crash.png) no-repeat; width: 540px; height: 255px; margin: 35px 0 0 0; } #contentColumn #home-page-features ul li#crash a { background: url(../../assets/images/homepage/features/crash.png) no-repeat; width: 540px; height: 255px; display: block; text-indent: -5000px; overflow: hidden; } #contentColumn #home-page-features ul li#aliya-the-elephant { background: url(../../assets/images/homepage/features/aliya.png) no-repeat; width: 540px; height: 255px; margin: -20px 0 15px 0; } #contentColumn #home-page-features ul li#aliya-the-elephant a { background: url(../../assets/images/homepage/features/aliya.png) no-repeat; width: 540px; height: 255px; display: block; text-indent: -5000px; overflow: hidden; } #contentColumn #home-page-features ul li#bat-torch { background: url(../../assets/images/homepage/features/bat_torch.png) no-repeat; width: 540px; height: 254px; margin: 15px 0 0 0; } #contentColumn #home-page-features ul li#bat-torch a { background: url(../../assets/images/homepage/features/bat_torch.png) no-repeat; width: 494px; height: 262px; display: block; text-indent: -5000px; overflow: hidden; } #contentColumn #home-page-features ul li#penguin-torch { background: url(../../assets/images/homepage/features/penguin_torch.jpg) no-repeat; width: 519px; height: 236px; margin: 0px 0 15px 25px; } #contentColumn #home-page-features ul li#penguin-torch a { background: url(../../assets/images/homepage/features/penguin_torch.jpg) no-repeat; width: 519px; height: 236px; display: block; text-indent: -5000px; overflow: hidden; } #contentColumn #home-page-features ul li#balance-bikes-feature { background: url(../../assets/images/homepage/features/balance_bikes.jpg) no-repeat; width: 520px; height: 217px; margin: 0px 0 15px 15px; } #contentColumn #home-page-features ul li#balance-bikes-feature a { background: url(../../assets/images/homepage/features/balance_bikes.jpg) no-repeat; width: 519px; height: 217px; display: block; text-indent: -5000px; overflow: hidden; } #contentColumn #home-page-features ul li#wed { background: url(../../assets/images/homepage/features/wed_bg.jpg) no-repeat; width: 525px; height: 155px; margin: 10px 0 20px 20px; } #contentColumn #home-page-features ul li#wed h4 { background: url(../../assets/images/homepage/features/wed_h4.gif) no-repeat bottom; width: 271px; height: 75px; margin: 0px 0 10px 0; } #contentColumn #home-page-features ul li#wed h4 a { background: url(../../assets/images/homepage/features/wed_h4.gif) no-repeat bottom; width: 271px; height: 75px; display: block; text-indent: -5000px; overflow: hidden; } #contentColumn #home-page-features ul li#wed p { padding: 0 120px 0 1px; font-size: 0.95em; } /*Misc */ #phone-number { text-align: center; } #phone-number img { margin: 0 auto; } /* Contact us */ #contentColumn #contact-us ul { padding: 0 0 0 10px; margin: 0; } #contentColumn #contact-us ul li { padding: 8px 0 8px 22px; font-size: 1.3em; } span.phone { color: #339966; font-size: 1.5em; } /*Products Page */ #our-products { background: url(../../assets/images/products-page/heading.gif); width: 255px; height: 37px; display: block; overflow: hidden; text-indent: -5000px; } #contentColumn #product-categories ul { padding: 0; margin: 0; } #contentColumn #product-categories ul li { float: left; width: 255px; min-height: 270px; height: auto !important; height:270px; list-style: none; padding: 0; margin: 0; border-bottom: 1px dotted #ccc; background: none; } #contentColumn #product-categories ul li.left-col { border-right: 1px dotted #ccc; padding-right: 10px; } #contentColumn #product-categories ul li.right-col { padding-left: 10px; } #contentColumn #product-categories ul li p { } #pageContent p.while-stocks-last { background: url(/assets/images/products-page/limited_availability.gif); display: block; text-indent: -5000px; overflow: hidden; width: 195px; height: 35px; } /*FOOTER CATEGORY LINKS */ #footer-categories { padding: 0px 0 15px 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; margin: 20px 0 0 0; height: 170px; width: 780px; background: #f7f7f7; clear: both; } #footer-categories h4 { padding: 15px 25px; color: #666; margin: 0; } #footer-categories ul { margin: 0; padding: 0 0 0 15px; } #footer-categories ul li { margin: 0; padding: 0; width: 195px; float: left; list-style: none; text-align: center; } #footer-categories ul li#footer-li-1 { width: 175px } #footer-categories ul li#footer-li-1 ul, #footer-categories ul li#footer-li-1 h5, #footer-categories ul li#footer-li-1 ul li { width: 155px; } #footer-categories ul li h5 { padding: 0 0px; margin: 0 auto 15px auto; width: 175px; text-align: left; } #footer-categories ul ul { padding: 0 0px; margin: 0 auto; width: 175px; } #footer-categories ul ul li { float: none; font-size: 0.8em; line-height: 150%; padding: 0; margin: 0; width: 175px; text-align: left; } #footer-categories a { color: #999; } #footer-categories a:hover { color: #222; } #footer-categories:hover a { color: #339966; } #footer-categories:hover a:hover { color: #222; } /*************************************** * PAGE HEADINGS ***************************************/ .aboutusHeading {width:545px;height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_werenicepeople.gif);background-repeat:no-repeat;} .searchresults{width:545px;height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_searchresults.gif);background-repeat:no-repeat;} .outdoorlivingHeading {width:545px;height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_outdoorliving.gif);background-repeat:no-repeat;} .playHeading {width:545px;height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_play.gif);background-repeat:no-repeat;} .learningHeading {width:545px;height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_learning.gif);background-repeat:no-repeat;} .innovationsHeading {width:545px;height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_innovations.gif);background-repeat:no-repeat;} .ourserviceHeading{width:545px;height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_itseasypeasy.gif);background-repeat:no-repeat;} .contactusHeading {width:545px;height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_contactus.gif);background-repeat:no-repeat;} .tellafriendHeading {width:545px;height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_tellmorepeople.gif);background-repeat:no-repeat;} .peaecoratingHeading {width:545px;height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_peaecorating.gif);background-repeat:no-repeat;} .basketHeading {width:545px;width:545px;height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_yourshoppingbasket.gif);background-repeat:no-repeat;} .jointhepodsHeading {width:545px;height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_jointhepods.gif);background-repeat:no-repeat;} .registerHeading {width:545px;height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_pleaseenteryourdetails.gif);background-repeat:no-repeat;} .recoveryourdetailsHeading {width:545px;height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_recoveryourdetails.gif);background-repeat:no-repeat;} .loginpageHeading {width:545px;height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_loginpage.gif);background-repeat:no-repeat;} .editAddressHeading {width:545px;height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_editAddress.gif);background-repeat:no-repeat;} .addAddressHeading {float:left;width:560px;height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_addAddress.gif);background-repeat:no-repeat;} .deliveryAddressHeading {width:545px;height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_deliveryAddress.gif);background-repeat:no-repeat;} .peaecoratingpopupHeading {height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_peaecorating_short.gif);background-repeat:no-repeat;} .orderHeading {width:545px;height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_order.gif);background-repeat:no-repeat;} .orderConfirmationHeading {width:545px;height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_orderconfirmation.gif);background-repeat:no-repeat;} .deliveryOptionsHeading {width:545px;height:30px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_deliveryoptions.gif);background-repeat:no-repeat;} .changingYourDetailsHeading {width:545px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_changingyourdetails.gif);background-repeat:no-repeat;} .orderHistoryHeading {width:545px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_orderhistory.gif);background-repeat:no-repeat;} .orderDetailsHeading {width:545px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_orderdetails.gif);background-repeat:no-repeat;} .paymentDetailsHeading {width:545px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_paymentdetails.gif);background-repeat:no-repeat;} .orderThanksHeading {width:545px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_orderthanks.gif);background-repeat:no-repeat;} .orderErrorHeading {width:545px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_ordererror.gif);background-repeat:no-repeat;} .catalogueHeading {width:545px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_catalogue.gif);background-repeat:no-repeat;} .billingAddressHeading {width:545px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_billingaddress.gif);background-repeat:no-repeat;} .orderingEasyHeading {width:545px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_orderingfromiseasy.gif);background-repeat:no-repeat;} .returningCustomersHeading {width:545px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_returningcustomers.gif);background-repeat:no-repeat;} .newCustomersHeading {width:545px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_newCustomers.gif);background-repeat:no-repeat;} .newsletterRequestHeading {width:545px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_newsletterrequest.gif);background-repeat:no-repeat;} .faqHeading {width:545px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_faq.gif);background-repeat:no-repeat;} .newsHeading {width:545px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/news.gif);background-repeat:no-repeat;} .compHeading {width:545px;height:81px;text-indent:-2000px;background-image:url(../../assets/images/homepage/competition_h4.gif);background-repeat:no-repeat;} .sitemapHeading {width:283px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/mt_sitemap.gif);background-repeat:no-repeat;} .kiddimotos {width:340px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/kiddimoto_bikes_on_sale.gif);background-repeat:no-repeat;} .brubox {width:480px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/brubox.gif);background-repeat:no-repeat;} .bruboxkit {width:480px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/bruboxkit.gif);background-repeat:no-repeat;} .bruboxrefill {width:480px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/bruboxrefills.gif);background-repeat:no-repeat;} .howtousebrubox {width:510px;height:37px;text-indent:-2000px;background-image:url(images/sectiontitles/how_to_use_the_brubox.gif);background-repeat:no-repeat;} .jute {width:480px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/jute.gif);background-repeat:no-repeat;} .kitchencomposter {width:480px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/kitchen_composter.gif);background-repeat:no-repeat;} .eco-friendly-toys {width:480px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/eco_friendly_toys.gif);background-repeat:no-repeat;} .what-our-customers-are-saying {width:480px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/what_our_customers_are_saying.gif);background-repeat:no-repeat;} .stockreminder {width:480px;height:33px;text-indent:-2000px;background-image:url(images/sectiontitles/stock_reminder.gif);background-repeat:no-repeat;} .gift-ideas {width:545px;height:35px;text-indent:-2000px;background-image:url(images/sectiontitles/gift_ideas.gif);background-repeat:no-repeat;} .ethical-gifts {width:545px;height:35px;text-indent:-2000px;background-image:url(images/sectiontitles/ethical_gifts.gif);background-repeat:no-repeat;} .eco-friendly-baby {width:545px;height:35px;text-indent:-2000px;background-image:url(images/sectiontitles/eco_friendly_baby.gif);background-repeat:no-repeat;} .eco-friendly-toys {width:545px;height:35px;text-indent:-2000px;background-image:url(images/sectiontitles/eco_friendly_toys.gif);background-repeat:no-repeat;} .cardboard-toys {width:545px;height:35px;text-indent:-2000px;background-image:url(images/sectiontitles/cardboard_toys.gif);background-repeat:no-repeat;} .balance-bikes {width:545px;height:35px;text-indent:-2000px;background-image:url(images/sectiontitles/balance_bikes.gif);background-repeat:no-repeat;} .wooden-balance-bikes {width:500px;height:35px;text-indent:-2000px;background-image:url(images/sectiontitles/wooden_balance_bikes.gif);background-repeat:no-repeat;} .january-sale {width:500px;height:35px;text-indent:-2000px;background-image:url(images/sectiontitles/january_sale.gif);background-repeat:no-repeat;} p.big-price { font: 2em Arial; color: red; } /* ########## MISC ########## */ /* ### Category Styling ## */ .CategoryListingItem { width:250px; } .CategoryListingItem a { color:#339966; font-weight:bold; } /* ##### .mr-pea-man-says ##### */ #pageContent p.mr-pea-man-says { background: url(images/general/mr_pea_man_says.gif); width: 560px; height: 121px; display: block; clear: both; } #pageContent p.mr-pea-man-says span { width: 375px; float: right; display: block; margin: 0 20px 0 0; padding: 15px 0 0 0; font-size: 1.5em; color: #222; text-align: left; } #pageContent p.mr-pea-man-says a { color: #000; } /* ##### /.mr-pea-man-says ##### */ /* ##### #sale-header ##### */ #sale-header { text-align: center; } #sale-header h1 { background: url(../../assets/images/sale/sale_now_on.gif); width: 472px; height: 137px; text-indent: -5000px; overflow: hidden; display: block; margin: 0 0 0 40px; padding: 0; } #sale-header span { background: url(../../assets/images/sale/mr_pea_man_animated.gif) no-repeat right top; width: 127px; height: 119px; display: block; overflow: hidden; text-indent: -5000px; padding: 0 0 0 47px; float: left; } #sale-header p { float: left; width: 327px; height: 103px; display: block; background: url(../../assets/images/sale/blurb_for_site.gif); text-indent: -5000px; overflow: hidden; margin: 0; padding: 0; } /* ##### /#sale-header ##### */ #potm { text-align: center; } #potm img { margin: 0 auto 15px auto; } /* ##### #testimonial ##### */ #testimonial { width: 160px; margin: 0 auto; padding: 0 0 20px 0; clear: both; } #testimonial blockquote { padding: 15px 15px 10px 15px; margin: 0; background: #99cc33 url(../../assets/images/testimonials/top.gif) no-repeat top; font-size: 0.9em; color: #fff; } #testimonial cite { width: 160px; padding: 30px 0px 0px 0px; background: url(../../assets/images/testimonials/bottom.gif) no-repeat top; display: block; text-indent: 5px; color: #666; } /* ##### /#testimonial ##### */ /* ##### .was-price .now-price ##### */ .was-price { text-decoration: line-through; color: #666; } .now-price { color: Red; font-weight: bold; } /* ##### /.was-price /.now-price ##### */ /* ########## SPECIAL LISTS ########## */ /* ##### .three-products ##### */ #contentColumn #pageContent ul.three-products { padding: 0; width: 100%; margin: 0; } #contentColumn #pageContent ul.three-products li { float: left; width: 33%; margin: 0 0 30px 0; padding: 0; background: none; text-align: center; list-style: none; } #contentColumn #pageContent ul.three-products li a { display: block; width: 175px; margin: 0 auto; border: 1px solid #ccc; text-decoration: none; position: relative; font-weight: bold; padding: 5px 0; } #contentColumn #pageContent ul.three-products li a img { display: block; margin: 0 auto 5px auto; } #contentColumn #pageContent ul.three-products li a:hover { border: 1px solid #66cc66; } #contentColumn #pageContent ul.three-products li a span { display: block; color: #339966; font-size: 1.3em; } #contentColumn #pageContent ul.three-products li a span b { text-decoration: line-through; display: inline; } #contentColumn #pageContent ul.three-products li b { text-align: left; font-weight: normal; display: block; padding: 10px; } /* ##### /.three-products ##### */ /* ##### .product-list-2col ##### */ #pageContent ul.product-list-2col { padding: 0; margin: 0; } #pageContent ul.product-list-2col li { padding: 0 0 20px 0; margin: 0; list-style: none; background: none; float: left; width: 50%; text-align: center; } #pageContent ul.product-list-2col li a { display: block; width: 90%; text-decoration: none; } #pageContent ul.product-list-2col li a img { display: block; margin: 0 auto; } /* ##### .product-list-2cols ##### */ /* ##### .product-list-3col ##### */ #pageContent ul.product-list-3col { padding: 0; margin: 0 auto; } #pageContent ul.product-list-3col li { padding: 0 0 20px 0; margin: 0; list-style: none; background: none; float: left; width: 185px; text-align: center; } #pageContent ul.product-list-3col li a { display: block; width: 90%; text-decoration: none; } /* ##### .product-list-3cols ##### */ /* ##### #top-3-products ##### */ #top-3-products { clear: both; padding: 20px 0 0 0; } #top-3-products ol { padding: 0; margin: 0; } #top-3-products ol li { font-size: 40px; color: #ebebeb; list-style: inside decimal-leading-zero; width: 33%; float: left; text-align: center; } #top-3-products ol li a { font-size: 0.35em; font-weight: bold; color: #339966; text-decoration: none; width: 95%; margin: 0 auto; display: block; border: solid 1px #ccc; } #top-3-products ol li img { margin: 5px 0 0 0; } #top-3-products ol li span { color: #333; } #top-3-products ol li b { font-weight: normal; display: block; font-size: 0.7em; color: #666; text-align: left; padding: 5px; } /* ##### /#top-3-products ##### */ /* ##### #topslider ##### */ #topslider ul { padding: 0; margin: 0; overflow: hidden; } #topslider ul li { list-style: none; padding: 0; margin: 0px; width: 320px; height: 100px; display: block; } #topslider ul li div { margin: 0 20px; } #topslider ul li div blockquote { background: url(../../assets/images/homepage/topslider/left_quote_green.gif) no-repeat left top; padding: 0; margin: 0; font: 12px Arial; color: #666; padding: 3px 0 0 30px; } #topslider ul li div span.more-testimonials { display: block; width: 100%; background: url(../../assets/images/homepage/topslider/right_quote_green.gif) no-repeat right top; text-indent: 30px; padding: 15px 0 0 0; margin: -10px 0 0 0; } /* ##### #topslider ##### */ /* ##### #compostable-items ##### */ #pageContent ul#compostable-items li { float: left; width: 25%; text-align: center; list-style: none; background: none; padding: 0; margin: 0; font: 12px Arial; color: #666; margin: 0 0 10px 0; } #pageContent ul#compostable-items li img { margin: 0 auto 3px auto; display: block; } /* ##### /#compostable-items ##### */ /* ##### #featured-products ##### */ #contentColumn #pageContent ul.featured-products { margin: 0; padding: 0; } #contentColumn #pageContent ul.featured-products li { margin: 0 0 20px 0; padding: 0 0 20px 0; list-style: none; width: 100%; background: none; border-bottom: 1px dotted #ccc; } #contentColumn #pageContent ul.featured-products li img { float: left; width: 200px; height: 200px; } #contentColumn #pageContent ul.featured-products li div { float: left; display: block; margin: 0 0 0 20px; width: 340px; } #contentColumn #pageContent ul.featured-products li div h4 { font: normal 1.6em Georgia; margin: 0 0 0.8em 0; padding: 0; } #contentColumn #pageContent ul.featured-products li div h4 span b { color: #888; font-size: 0.8em; text-decoration: line-through; } #contentColumn #pageContent ul.featured-products li div h4 span { display: block; text-decoration: none; } #contentColumn #pageContent ul.featured-products li div img { float: none; width: auto; height: auto; } #contentColumn #pageContent ul.featured-products li p.sale { background: url(/assets/images/landing-pages/sale.gif); width: 55px; height: 55px; display: block; text-indent: -5000px; overflow: hidden; float: right; margin: -60px 0 10px 10px; } #contentColumn #pageContent ul.featured-products li p.free-delivery { background: url(/assets/images/landing-pages/free_delivery.gif); width: 55px; height: 55px; display: block; text-indent: -5000px; overflow: hidden; float: right; margin: -60px 0 10px 10px; } #contentColumn #pageContent ul.featured-products li hr { clear: left; visibility: hidden; } /* ##### /#featured-products ##### */ /* ########## SPECIAL LISTS ########## */ /* ########## /MISC ########## */ #twitter-link { display: block; width: 162px; margin: 20px auto; } #go-green-link { display: block; width: 162px; margin: 20px auto; } .image-right { float: right; margin: 0 0 10px 20px; } hr.cleaner { clear: both; height: 1px; border: none; margin: -1px 0 0 0; padding: 0; visibility: hidden; } #pageContent blockquote { padding: 0 45px 0 45px; background: url(../../assets/images/general/blockquote.gif) no-repeat left top; margin: 0; color: #666; } #pageContent cite { padding: 45px 0px 0 0; margin: -15px 0 30px 0; background: url(../../assets/images/general/cite.gif) no-repeat right top; width: 560px; display: block; } #contentColumn #home-page-features ul li#competition-announcement { height: 100px; margin: 0 0 20px 0; background: url(../../assets/images/homepage/horizontal_dots.gif) repeat-x left bottom; } #contentColumn #home-page-features ul li#competition-announcement img { float: right; margin: 0 0 10px 15px; } #ctl00_ctl00_Content_Content_pnlStockRemind { background: url(../../assets/images/item-page/stock_notifier.jpg) no-repeat left bottom; height: 27px; margin: 0 0 25px 0; } #ctl00_ctl00_Content_Content_pnlStockRemind a { background: url(../../assets/images/item-page/stock_notifier.jpg) no-repeat left top; height: 27px; display: block; padding: 0 0 0 45px; color: #333; line-height: 27px; font-size: 14px; font-weight: bold; } #ctl00_ctl00_Content_Content_pnlStockRemind a:hover { background-position: left bottom; color: #000; } #contentColumn #pageContent .bruList li { overflow:auto; list-style:none; background:none; height:135px;} #contentColumn #pageContent .bruList li img { float:left; } #contentColumn #pageContent .bruList li p { padding: 25px 0 0 0; } #contentColumn #pageContent .bruList li p img { padding: 0 15px 0 0; } #babyetc { background: url(/assets/images/landing-pages/babyetc/ribbon.jpg) no-repeat top right; margin: 0px 0 0 0; padding: 20px 0 0 0; height: 600px; } #babyetc h1 { margin: -20px 0 0 0; } /* ##### Crazy Shoes Landing Page ##### */ #pageContent .crazy-products { width: 540px; background: #e4eda8 url(/crazyshoes/popular_products_bot.jpg) no-repeat center bottom; margin: 0 0 0 5px; } #pageContent .crazy-products ul { padding: 0; margin: 0; overflow: auto; } #pageContent .crazy-products ul li { float: left; padding: 0 0 10px 0; margin: 0; width: 180px; list-style: none; background: none; text-align: center; } #pageContent .crazy-products ul li a img { margin: 0 auto 5px auto; display: block; } #pageContent .crazy-products ul li a { color: #333; text-decoration: none; } #pageContent .crazy-products ul li a b { color: Red; text-decoration: line-through; font-weight: normal; display: block; } #pageContent .crazy-products ul li a span { font-size: 1.3em; } #pageContent #popular-products h3 { width: 540px; height: 29px; background: url(/crazyshoes/popular_products_h3.jpg); text-indent: -5000px; overflow: hidden; } #pageContent #play-sale h3 { width: 540px; height: 37px; background: url(/crazyshoes/play_sale_h3.jpg); text-indent: -5000px; overflow: hidden; } #pageContent #home-and-lifestyle-sale h3 { width: 540px; height: 29px; background: url(/crazyshoes/home_and_lifestyle_sale_h3.jpg); text-indent: -5000px; overflow: hidden; } #pageContent .crazy-products p { background: url(/crazyshoes/play_sale_p.jpg); width: 540px; height: 42px; } #pageContent .crazy-products p a { background: url(/crazyshoes/more_cta.jpg) left top; width: 188px; height: 40px; display: block; text-indent: -5000px; overflow: hidden; float: right; margin: 0 10px 0 0; } #pageContent .crazy-products p a:hover { background-position: left bottom; }