/** * Main CSS Stylesheet * * @package templateSystem * @copyright Copyright 2003-2007 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0 * @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $ */ body{ font: 100%/100% Arial, Helvetica, sans-serif; margin: 0; padding: 0; height: 100%; background: #ECE8DD url("../images/background.gif") center top repeat-y; color: #62584E; } a img {border: none; } a:link, #navEZPagesTOC ul li a { color: #1C1E1B; text-decoration: none; } a:visited { color: #1C1E1B; text-decoration: none; } a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover { color: #FF0000; } a:active { color: #0000FF; } h1 { font-size: 1.5em; } h2 { font-size: 1.4em; } h3 { font-size: 1.3em; } h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{ font-size: 1.1em; } .biggerText { font-size: 1.2em; } h1, h2, h3, h4, h5, h6 { margin: 0.3em 3px; } CODE { font-family: arial, verdana, helvetica, sans-serif; font-size: 1em; } FORM, SELECT, INPUT { display: inline; font-size: 1em; margin: 0.1em; } TEXTAREA { /* float: left;*/ margin: auto; display: block; width: 95%; } input:focus, select:focus, textarea:focus { background: #F0F8FF; } FIELDSET { padding: 0.5em; margin: 0.5em 0em; border: 1px solid #cccccc; } LEGEND { font-weight: bold; padding: 0.3em; } LABEL, h4.optionName { line-height: 1.5em; padding: 0.2em; } LABEL.checkboxLabel, LABEL.radioButtonLabel { margin: 0.5em 0.3em; } #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg { float: left; } LABEL.inputLabel { width: 11em; float: left; } LABEL.inputLabelPayment { width: 15em; float: left; } LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel { width: 12em; float: left; } P, ADDRESS { padding: 0.5em; } ADDRESS { font-style: normal; } .clearBoth { clear: both; } HR { height: 1px; margin-top: 0.5em; border: none; border-bottom: 1px solid #9a9a9a; } /*warnings, errors, messages*/ .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution { line-height: 1.8em; padding: 0.2em; border: 1px solid #000000; } .messageStackWarning, .messageStackError { background-color: #ff0000; color: #ffffff; } .messageStackSuccess { background-color: #99FF99; color: #000000; } .messageStackCaution { background-color: #FFFF66; color: #000000; } /*wrappers - page or section containers*/ #mainWrapper { background-color: ##F0E2E9; text-align: left; width: 100%; vertical-align: top; } #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage { margin: 0em; padding: 0em; } #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper { margin: auto; } #navColumnOneWrapper, #navColumnTwoWrapper{ background-color:#000000; } #tagline { color:#000000; font-size: 2em; text-align : center; vertical-align: middle; } #sendSpendWrapper { border: 1px solid #cacaca; float: right; margin: 0em 0em 1em 1em; } .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper { margin: 0; width: 47%; } .wrapperAttribsOptions { margin: 0.3em 0em; } /*navigation*/ .navSplitPagesResult {} .navSplitPagesLinks {} .navNextPrevCounter { margin: 0em; font-size: 0.9em; } .navNextPrevList { display: inline; white-space: nowrap; margin: 0; padding: 0.5em 0em; list-style-type: none; } #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper { margin: 0em; background-color: #9a9a9a; font-weight: bold; color: #F0E2E9; height: 1%; width: 100%; } #navMain ul, #navSupp ul, #navCatTabs ul { margin: 0; padding: 0.5em 0em; list-style-type: none; text-align: center; line-height: 1.5em; } #navMain ul li, #navSupp ul li, #navCatTabs ul li { display: inline; } #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a { text-decoration: none; padding: 0em 0.5em; margin: 0; color: #ffffff; white-space: nowrap; } #navEZPagesTOCWrapper { font-weight: bold; float: right; height: 1%; border: 1px solid #000000; } #navEZPagesTOC ul { margin: 0; padding: 0.5em 0em; list-style-type: none; line-height: 1.5em; } #navEZPagesTOC ul li { white-space: nowrap; } #navEZPagesTOC ul li a { padding: 0em 0.5em; margin: 0; } #navCategoryIcon, .buttonRow, #indexProductListCatDescription { margin: 0.5em; } #navMainSearch { float: right; } #navBreadCrumb { background-color: #cc9900; } #navEZPagesTop { background-color: #ffff33; } #navBreadCrumb, #navEZPagesTop { font-size: 0.95em; font-weight: bold; margin: 0em; padding: 0.5em; } #navColumnOne { background-color: #000000; } #navColumnTwo { background-color: #00BFBF; } /*The main content classes*/ #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert { vertical-align: top; } /*.content,*/ #productDescription, .shippingEstimatorWrapper { /*font-size: 1.2em;*/ padding: 0.5em; } .alert { color: #FF0000; margin-left: 0.5em; } .advisory {} .important { font-weight: bold; } .notice {} .rating{} .gvBal { float: right; } .centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix { padding: 0.8em; } .centerColumn{ color:#000000; } .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP { font-size: 0.9em; } /*Shopping Cart Display*/ #cartAdd { float: right; text-align: center; margin: 1em; border: 1px solid #000000; padding: 1em; } .tableHeading TH { border-bottom: 1px solid #cccccc; } .tableHeading, #cartSubTotal { background-color: #e9e9e9; } #cartSubTotal { border-top: 1px solid #cccccc; font-weight: bold; text-align: right; line-height: 2.2em; padding-right: 2.5em; } .tableRow, .tableHeading, #cartSubTotal { height: 2.2em; } .cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay { padding: 0.5em 0em; } .cartUnitDisplay, .cartTotalDisplay { text-align: right; padding-right: 0.2em; } #scUpdateQuantity { width: 2em; } .cartQuantity { width: 4.7em; } .cartNewItem { color: #33CC33; position: relative; /*do not remove-fixes stupid IEbug*/ } .cartOldItem { color: #660099; position: relative; /*do not remove-fixes stupid IEbug*/ } .cartBoxTotal { text-align: right; font-weight: bold; } .cartRemoveItemDisplay { width: 3.5em; } .cartAttribsList { margin-left: 1em; } #mediaManager { width: 50%; margin: 0.2em; padding: 0.5em; } .mediaTitle { float: left; } .mediaTypeLink { float: right; } .normalprice, .productSpecialPriceSale { text-decoration: line-through; } .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount { color: #ff0000; } .orderHistList { margin: 1em; padding: 0.2em 0em; } #cartBoxListWrapper ul, #ezPageBoxList ul { list-style-type: none; } #cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal { margin: 0; padding: 0.2em 0em; } #cartBoxEmpty, #cartBoxVoucherBalance { font-weight: bold; } .totalBox { width: 5.5em; text-align: right; padding: 0.2em; } .lineTitle, .amount { text-align: right; padding: 0.2em; } .amount { width: 5.5em; } /*Image Display*/ #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage { margin: 0em 1em 1em 0em ; } .categoryIcon {} #cartImage { margin: 0.5em 1em; } /*Attributes*/ .attribImg { width: 20%; margin: 0.3em 0em; } .attributesComments {} /*list box contents*/ .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew { margin: 1em 0em; } /*sideboxes*/ .columnLeft { } h3.leftBoxHeading, h3.leftBoxHeading a { font-size: 1em; font-weight: bold; color: #ffffff; } .leftBoxHeading, .centerBoxHeading { margin: 0em; background-color: #5B4F43; padding: 0.5em 0.2em; } .leftBoxContainer { border: 1px solid #cccccc; margin-top: 1.5em; } .sideBoxContent { border: 1px solid #cccccc; padding: 0.4em; } h3.rightBoxHeading, h3.rightBoxHeading a { font-size: 1.1em; color: #FFFF00; } .rightBoxHeading { margin: 0em; background-color: #663366; padding: 0.2em 0em; } h3.leftBoxHeading a:hover { color: #FFFF33; text-decoration: none; } h3.rightBoxHeading a:hover { color: #FF0000; text-decoration: none; } .rightBoxContent { background-color: #ffffff; margin-bottom: 1em; } .centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg { text-align: center; } #bestsellers .wrapper { margin: 0em 0em 0em 1.5em; } #bestsellers ol { padding: 0; margin-left: 1.1em; } #bestsellers li { padding: 0; margin: 0.3em 0em 0.3em 0em; } #bannerboxHeading { background-color: #0000CC; } #upProductsHeading { text-align: left; } #upDateHeading { text-align: right; } /*misc*/ .back { float: left; } .forward, #shoppingCartDefault #PPECbutton { float: right; } .bold { font-weight: bold; } .rowOdd { background-color: #E8E8E8; height: 1.5em; vertical-align: top; } .rowEven { background-color: #F0F0F0; height: 1.5em; vertical-align: top; } .hiddenField { display: none; } .visibleField { display: inline; } CAPTION { /*display: none;*/ } #myAccountGen li, #myAccountNotify li { margin: 0; } .accountTotalDisplay, .accountTaxDisplay { width: 20%; text-align: right; /*vertical-align: top*/ } .accountQuantityDisplay { width: 10%; vertical-align: top } TR.tableHeading { background-color: #cacaca; height: 2em; } #siteMapList { width: 90%; float: right; } .ratingRow { margin: 1em 0em 1.5em 0em; } LABEL#textAreaReviews { font-weight: normal; margin: 1em 0em; } #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart { background-color: #ffffff; } .information {padding: 10px 3px; line-height: 150%;} #shoppingcartBody #shippingEstimatorContent { clear: both; } .seDisplayedAddressLabel { background-color:#85C285; text-align: center; } .seDisplayedAddressInfo { text-transform: uppercase; text-align: center; font-weight: bold; } #seShipTo { padding: 0.2em; } @charset "utf-8"; /* CSS Document */ *{ font-size: 100%; } body{ font: 100%/100% Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 0; height: 100%; background: #ECE8DD url("../images/background.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/background.gif*/) center top repeat-y; color: #62584E; } div, ul, li, a, img, form, textarea{ margin: 0; padding: 0; border:0; } textarea{ border: none; } p{ margin-top:0; } a{ color: #62584E; text-decoration: none; } a:hover{ color: #CE1D65; text-decoration: none; } h1, h2, h3, h4, h5{ margin-top:0; } h3{ font-size: 16px; font-weight: normal; } table { /*border: 1px solid #D3CABA;*/ border-collapse:collapse; color: #62584E; padding:0px; } th { /*border: 1px solid #D3CABA;*/ border-collapse:collapse; padding: 10px; text-align: left; background:#FAF9F7; vertical-align: top; } td { /*border: 1px solid #D3CABA;*/ border-collapse:collapse; padding: 10px; vertical-align: top; } .on{ color: #CE1D65; text-decoration: none; } #wrap{ position: absolute; width: 100%; line-height: normal; min-height: 100%; height: auto !important; height: 100%; top: 0; left: 0; z-index: 1; background: url("../images/pink_bar.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/pink_bar.gif*/) 0 0 repeat-x; } #wrap2{ background: white url("../images/background.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/background.gif*/) center top repeat-y; width: 960px; margin: 5px auto 0px auto; padding: 0px 5px; } #top{ float: left; display: inline; width: 960px; padding: 20px 0 0 0; } #logo{ float: left; display: inline; width: 200px; margin: 29px 0 0 20px; } #banner{ float: left; display: inline; width: 340px; height: 67px; margin: 0 0 0 20px; } #topLinks{ float: left; display: inline; width: 360px; padding: 0 0 8px 0; text-align: right; font-size: 10px; } #topLinks ul{ list-style: none; } #topLinks li{ display: inline; line-height: 20px; margin: 0 0 0 15px; } #topLinks a{ color: #62584E; text-decoration: none; } #topLinks a:hover{ color: #CE1D65; } #myBag{ position: relative; z-index: 100; background: url("../images/mybag_arrow.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/mybag_arrow.gif*/) 100% 50% no-repeat #ECE8DD; border: 1px solid #D3CABA; padding: 3px 60px 3px 5px; margin: 0 0 0 0; } #myBagOpen{ display: none; position: relative; margin: 0 0 0 0; z-index: 99; font-size: 11px; color: #62584E; } #myBagContent{ position: absolute; right: 0; width: 326px; border: 1px solid #D3CABA; background: #EFEBDE; text-align:left; padding: 10px 0 10px 0; } .myBagItem{ display: block; padding: 10px 0 10px 0; margin: 0 20px 0 20px; border-bottom: 1px dotted #62584E; } .myBagItem table, .myBagItem td, .myBagSummary table, .myBagSummary td, .myBagRecommended table, .myBagRecommended td{ border: none; padding: 0; margin: 0; } td.myBagImage{ vertical-align:top; width: 50px; } td.myBagDescription{ vertical-align:top; padding: 0 20px 0 20px; } td.myBagPrice{ vertical-align:top; text-align: right; } .myBagSummary{ display: block; padding: 10px 0 10px 0; margin: 0 20px 0 20px; } td.myBagLeft{ vertical-align: top; text-align: left; font-weight: bold; padding: 0 20px 5px 0; } td.myBagRight{ vertical-align: top; text-align: right; font-weight: bold; } #myBagContent td.myBagLeft a{ float:left; display: inline; line-height: 16px; background: url("../images/pink_btn1.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/pink_btn1.gif*/) 0 0 repeat-x #B7144D; padding: 0 10px 1px 10px; margin: 6px 10px 0 0; font-weight: normal; color: #FFFFFF; } #myBagContent td.myBagRight a{ float:right; display: inline; line-height: 17px; background: url("../images/pink_btn1.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/pink_btn1.gif*/) 0 0 repeat-x #B7144D; padding: 0 10px 1px 10px; margin: 6px 0 0 10px; font-weight: normal; color: #FFFFFF; } #myBagContent td.myBagLeft a:hover, #myBagContent td.myBagRight a:hover{ background: url("../images/pink_btn1.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/pink_btn1.gif*/) 0 -17px repeat-x #B7144D; color: #FFFFFF; } #myBagContent #myBagClose{ padding: 0; width: 17px; background: url("../images/mybag_close_pink.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/mybag_close_pink.gif*/) 0 0 repeat-x #B7144D; } #myBagContent #myBagClose:hover{ background: url("../images/mybag_close_pink.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/mybag_close_pink.gif*/) 0 -17px repeat-x #B7144D; } #myBagClose span{ visibility: hidden; } a.myBagBtn:hover{ color: #FFFFFF; } .myBagRecommended{ display: block; padding: 10px 0 10px 0; margin: 0 20px 0 20px; border-top: 1px dotted #62584E; } #telephone1{ float: right; display: inline; margin: 17px 20px 0 0; padding: 0 0 0 16px; font-size: 14px; font-weight: bold; color: #62584E; background: url("../images/telephone.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/telephone.gif*/) 0 0 no-repeat; line-height: 22px; } #topNav{ float: left; display: inline; margin: 5px 0px 0px 0px; width: 961px; background: url("../images/topnav_bg.jpg"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/topnav_bg.jpg*/) 0 10px repeat-x; } #topNav ul{ float: left; list-style: none; display: inline; } #topNav li{ float: left; display: inline; padding: 10px 0 10px 0; } #topNav li.win{ padding: 0; margin: 0 4px 0 4px; } #topNav li.win a{ line-height: 60px; padding: 0; width:61px; background:url("../images/topnav_win.jpg"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/topnav_win.jpg*/) 0 0 no-repeat; } #topNav li.win a:hover{ background:url("../images/topnav_win.jpg"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/topnav_win.jpg*/) -61px 0 no-repeat; } #topNav li.win a span{ visibility:hidden; } #topNav li a{ float: left; display: block; padding: 0 20px 0 20px; line-height: 40px; font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none; background-color: #62584E; background-image: url("../images/topnav.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/topnav.gif*/); background-position: top; } #topNav li a:hover,#topNav .on a{ background-color: #ECE8DD; background-position: bottom; color: #62584E; } #searchForm{ float: right; display: inline; background: #EDE8DE; border: 1px solid #D3CABA; margin: 19px 20px 0 0; } #searchForm input{ float: left; display: inline; } #search{ padding: 3px 0 3px 5px; background: transparent; color: #62584E; font-size: 10px; width: 135px; } #main{ float: left; display: inline; width: 940px; margin: 0 0 0 20px; padding: 10px 0 230px 0; } #leftColumnHome{ float: left; display: inline; width: 160px; } #leftColumn{ float: left; display: inline; width: 160px; background: #FAF9F7; } #shoeFinderDiv{ float: left; display: inline; width: 154px; border: 3px solid #DA568C; background: #FAF9F7; } #shoeFinderDiv h2{ font-size: 16px; color: #CE1D65; margin: 5px 0 8px 0; padding: 0 0 0 9px; width:100px; } #shoeFinderDiv h4 a{ font-size: 16px; color: #CE1D65; margin: 5px 0 8px 0; padding: 0 0 0 9px; } #shoeFinderDiv.shoeFinderSub{ border: 3px solid #E0D8C8; margin: 20px 0 0 0; } #shoeFinderDiv.shoeFinderSub h2 a{ display:block; background:url("../images/shoe_finder_arrow.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/shoe_finder_arrow.gif*/) 90px 50% no-repeat; } #shoeFinderDiv.shoeFinderSub #shoeFinder, #shoeFinderDiv.shoeFinderSub #goButton{ display:none; } #shoeFinderDiv.shoeFinderSub #shoeFinderText{ display: block; font-size: 10px; padding: 4px 9px 9px 9px; } #shoeFinder{ padding: 0; list-style: none; } #shoeFinder li{ display:block; width: 136px; margin: 0 9px 5px 9px; list-style: none; } #shoeFinder a{ display:block; width: 103px; line-height: 20px; padding: 0 25px 0 6px; background: url("../images/mybag_arrow.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/mybag_arrow.gif*/) 120px 50% no-repeat #ECE8DD; border: 1px solid #E0D9C9; cursor: pointer; } #shoeFinder li ul { position: absolute; border: 1px solid #E0D9C9; border-top: none; margin: -1px 0 0 0; padding: 5px 0 5px 0; background: url("../images/shoefinder_bg.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/shoefinder_bg.gif*/) 0 0 no-repeat #ECE8DD; z-index:50; } #shoeFinder li ul { display: none; } #shoeFinder li ul li{ margin: 0; width: 134px; } #shoeFinder li #finderbrands2 li { float: left; } #shoeFinder li ul li a{ border: none; width: 122px; padding: 4px 6px 4px 6px; background: #ECE8DD; line-height: 12px; } #shoeFinder li>ul { top: auto; left: auto; } /*#shoeFinder li:hover ul, li.over ul { display: block; }*/ .leftCallout{ float: left; display: inline; width: 154px; margin: 20px 0 0 0; border: 3px solid #E0D8C8; } #goButton{ background: url("../images/pink_btn.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/pink_btn.gif*/) 100% 0 no-repeat #B7144D; display:block; margin-bottom:9px; margin-left:9px; margin-right:9px; margin-top:9px; line-height: 29px; font-size: 15px; font-weight: bold; padding: 1px 35px 4px 10px; color: #FFFFFF; } #goButton:hover { background: url("../images/pink_btn.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/pink_btn.gif*/) 100% -34px no-repeat #B7144D; color: #FFFFFF; } #leftNav{ float: left; display: inline; width: 160px; } #leftNav ul{ list-style: none; display: block; margin: 15px 0 0 0; } #leftNav li{ display: block; margin: 0 0 0 0; padding: 7px 0 7px 0; color: #62584E; font-size: 14px; line-height: 14px; } #leftNav li a{ padding: 0 15px 0 20px; font-size: 14px; line-height: 14px; font-weight: bold; } #leftNav ul ul{ padding: 0 0 5px 0; margin: 5px 0 0 0; background:#F4F3EF; } #leftNav ul ul li{ font-size: 13px; line-height: 11px; margin: 0 0 0 0; padding: 5px 0 0 20px; } #leftNav ul ul li a{ padding: 0 0 0 10px; font-size: 13px; line-height: 11px; font-weight: normal; background: url("../images/left_nav_arrow.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/left_nav_arrow.gif*/) 0 3px no-repeat; } #leftNav ul ul li a:hover{ background: url("../images/left_nav_arrow_over.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/left_nav_arrow_over.gif*/) 0 3px no-repeat; color: #CE1D65; } #leftNav .on{ background:#F4F3EF; } #leftNav .on a{ color: #CE1D65; } #leftNav .on ul a{ color: #62584E; } #leftNav ul ul .on a{ background: url("../images/left_nav_arrow_over.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/left_nav_arrow_over.gif*/) 0 3px no-repeat; color: #CE1D65; } #middleColumn{ float: left; display: inline; margin: 0 0 0 20px; width: 710px; } #middleColumn li ul { display: block; } #breadcrumb{ float: left; display: inline; width: 740px; font-size: 10px; padding: 0 0 5px 0; } .mainCallout{ float: left; display: inline; width: 734px; overflow:visible; position:relative; min-height:0px; } .mainCalloutForCats{ float: left; display: inline; width: 734px; border: 0px solid #E0D8C8; overflow:visible; position:relative; min-height:0px; } .twoCallouts, .unevenCallout1, .unevenCallout2, .threeCallouts, .fourCallouts{ float: left; display: inline; border: 3px solid #E0D8C8; margin: 20px 20px 0 0; } .twoCallouts{ width: 354px; } .unevenCallout1{ width: 272px; } .unevenCallout2{ width: 138px; } .threeCallouts{ width: 227px; } .fourCallouts{ width: 164px; } #middleColumn .wideColumn{ float: left; display: inline; width: 760px; } .wideColumn{ float: left; display: inline; width: 940px; } .wideColumnForCatPages{ border:none; float: left; display: inline; width: 940px; } .wideCallout{ float: left; display: block; width: 354px; margin: 20px 0px 0px 20px; border: 3px solid #E0D8C8; } .wideCallout p{ margin: 0px; } .mediumCallout{ float: left; display: inline; border: 3px solid #E0D8C8; width: 287px; margin: 20px 20px 0 0; } #basketStep{ float: left; display: inline; width: 920px; padding: 0 0 50px 0; text-align: right; } #basketStep span{ display: inline-block; line-height: 21px; padding: 0 0 0 25px; margin: 0 0 0 20px; font-size: 16px; font-weight: bold; } #basketStep .step1{ background: url("../images/1_up.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/1_up.gif*/) 0 0 no-repeat; } #basketStep .step1.on{ color: #CE1D65; background: url("images/1_over.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/graphic_design/images/1_over.gif*/) 0 0 no-repeat; } #basketStep .step2{ background: url("../images/2_up.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/2_up.gif*/) 0 0 no-repeat; } #basketStep .step2.on{ color: #CE1D65; background: url("images/2_over.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/graphic_design/images/2_over.gif*/) 0 0 no-repeat; } #basketStep .step3{ background: url("../images/3_up.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/3_up.gif*/) 0 0 no-repeat; } #basketStep .step3.on{ color: #CE1D65; background: url("images/3_over.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/graphic_design/images/3_over.gif*/) 0 0 no-repeat; } #basketStep .step4{ background: url("../images/4_up.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/4_up.gif*/) 0 0 no-repeat; } #basketStep .step4.on{ color: #CE1D65; background: url("images/4_over.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/graphic_design/images/4_over.gif*/) 0 0 no-repeat; } #basketStep .step5{ background: url("../images/5_up.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/5_up.gif*/) 0 0 no-repeat; } #basketStep .step5.on{ color: #CE1D65; background: url("images/5_over.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/graphic_design/images/5_over.gif*/) 0 0 no-repeat; } #basket { border: 1px solid #D3CABA; border-collapse:collapse; color: #62584E; width: 920px; } #basket th { border: 1px solid #D3CABA; border-collapse:collapse; padding: 15px 15px 15px 20px; background:#FAF9F7; vertical-align: top; } #basket td { border: 1px solid #D3CABA; border-collapse:collapse; padding: 32px 20px 32px 20px; vertical-align: top; } .borderBtm{ border: none; width: 920px; } .borderBtm td{ padding: 17px 0 17px 0; border: none; border-bottom: 1px dotted #62584E; } .borderNone{ border: none; width: 920px; } .borderNone td{ border: none; padding: 30px 10px 0 10px; text-align: center; } .productWide{ float: left; display: inline; width: 760px; } #productTitle{ float: left; display: inline; width: 190px; font-size: 10px; line-height: 20px; padding: 0 0 30px 0; } #productTitle h1{ font-size: 16px; font-weight: bold; margin: 0; padding: 0; } #productDropdown{ float: left; display: inline; width: 190px; font-size: 10px; line-height: 20px; padding: 0 0 30px 0; } .productPage{ float: right; display: inline; width: 190px; font-size: 10px; line-height: 20px; padding: 0 0 30px 0; } .productPrevNext{ float: right; display: inline; width: 170px; font-size: 10px; line-height: 20px; padding: 0 0 30px 0; text-align: right; margin: 0 20px 0 0; } .prev{ padding: 0 2px 0 10px; background: url("../images/left_arrow.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/left_arrow.gif*/) 0 50% no-repeat; } .next{ padding: 0 10px 0 2px; background: url("../images/right_arrow.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/right_arrow.gif*/) 100% 50% no-repeat; } .productItem{ position: relative; float: left; display: inline; width: 164px; text-align: center; padding: 10px 10px 30px 10px; font-weight: bold; } .productItem img{ margin: 0 0 5px 0; } .productItem a{ padding: 0 0 5px 0; display: block; /*background: url(/sites/shudoov2.60/images/outofstock.gif) 0 0 no-repeat*/; } .productItem span{ color: #CE1D65; /*display: block;*/ padding: 0 0 5px 0 ; } .productItem div{ display: block; padding: 0 0 5px 0 ; color: #CE1D65; } .outOfStock img{ filter: progid:DXImageTransform.Microsoft.alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; } .productItem a span{ color: #62584E; display: inline-block; padding: 0; } .productItem a:hover span{ color: #CE1D65; display: inline-block; padding: 0; } .productItem a.outOfStock span{ text-decoration: line-through; } .productItem .moreColours{ display: inline-block; padding: 2px 5px 2px 5px; color: #FFFFFF; font-weight: normal; background:url("../images/more_colours.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/more_colours.gif*/) 0 0 repeat-x #5A5044; } .productItem .moreColours:hover{ color: #FFFFFF; background:url("../images/more_colours_over.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/more_colours_over.gif*/) 0 0 repeat-x #B7134F; } .productStar{ position: absolute; right: 20px; top: 10px; } #productLeft{ float: left; display: inline; width: 436px; } #largeImage{ position: relative; float: left; display: inline; width: 430px; border: 3px solid #E0D8C8; } .smallImage{ float: left; display: inline; width: 125px; margin: 20px 10px 0 10px; } #productRight{ float: left; display: inline; width: 304px; margin: 0 0 0 20px; } .productRightContent{ float: left; display: inline; width: 304px; } .productRightContentBorder{ float: left; display: inline; width: 284px; border-bottom: 1px dotted #62584E; padding: 0 0 15px 0; } .productRightContentBorder ul{ padding: 8px 0 0 0 ; list-style: none; } .productRightContentBorder li{ background: url("../images/home_list_arrow.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/home_list_arrow.gif*/) 2px 3px no-repeat; padding: 0 20px 0 14px; color: #62584E; margin: 6px 0 0 0; } .productRightContentPad{ float: left; display: inline; width: 284px; padding: 20px 0 0 0; line-height:11px; } #productName{ float: left; display: inline; width: 164px; padding: 5px 0 20px 0; margin: 0 10px 0 0; font-size: 16px; } #productLogo{ float: left; display: inline; width: 110px; padding: 0 0 20px 0; text-align: right; } #freeDelivery{ float: left; display: inline; width: 160px; background: url("../images/free_delivery_bg.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/free_delivery_bg.gif*/) 0 0 repeat-x #B7144D; text-align: center; color: #FFFFFF; line-height: 17px; } #availability{ float: left; display: inline; width: 284px; padding: 15px 0 0 0; display: none; } #errorMessage{ float: left; display: inline; width: 284px; padding: 15px 0 0 0; color:#FF0000; display:none; } #productPrice{ float: left; display: inline; width: 114px; margin: 0 10px 0 0; font-size: 16px; line-height:17px; color: #CE1D65; } #productInfoTop{ float: left; display: inline; width: 284px; background:url("../images/product_info_bg.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/product_info_bg.gif*/) 0 0 repeat-x #52463A; line-height:14px; margin: 20px 0 3px 0; } #productInfoTop td{ padding: 0; text-align: center; border: 0; } #productInfoTop a{ color:#FFFFFF; padding: 8px 20px 8px 20px; display:block; } #productInfoTop a:hover{ color:#62584E; background:url("../images/product_info_bg_over.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/product_info_bg_over.gif*/) 0 0 repeat-x; } #productInfoTop a.on{ color:#62584E; background:url("../images/product_info_bg_over.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/product_info_bg_over.gif*/) 0 0 repeat-x; } #addToMyBag{ margin: 20px 0 0 0; width: 160px; } #preorderItem{ margin: 20px 0 0 0; width: 160px; display: none; } #notifyMe{ margin: 20px 0 0 0; width: 160px; display: none; } .colourBox{ position: relative; float: left; display: inline; width: 22px; height: 22px; border: 1px solid #5E5E5E; text-align:center; line-height: 22px; cursor: pointer; margin-left: 5px; margin-right:5px; margin-top:5px; margin-bottom:5px; } .colourBox div{ position:relative; float: left; display: inline; width: 23px; height: 23px; } .sizeBox div{ position:relative; float: left; display: inline; width: 23px; height: 23px; } .colourBox span{ display: none; } .sizeBox{ position: relative; float: left; display: inline; width: 23px; height: 23px; border: 1px solid #5E5E5E; margin: 12px 12px 0 0; text-align:center; line-height: 23px; cursor: pointer; background-color: #E0D8C8; } .sizeBox img{ position: absolute; top: 0; left: 0; } .soldOut, .notifyMe{ border: 1px dotted #5E5E5E; filter: progid:DXImageTransform.Microsoft.alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } #reset{ font-weight: bold; background: url("../images/right_arrow.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/right_arrow.gif*/) 0 50% no-repeat; padding: 0 0 0 12px; } #sizeGuide{ font-weight: bold; background: url("../images/right_arrow.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/right_arrow.gif*/) 0 50% no-repeat; padding: 0 0 0 12px; float: right; display: inline; } #shareBookmark{ float: right; display: inline; margin: 15px 0 0 0; } #basketRecommended{ float: left; display: inline; width: 760px; padding: 30px 0 0 0; } #basketRecommended .productItem{ position: relative; float: left; display: inline; width:125px; text-align: center; padding: 0 0 30px 0; margin: 0 27px 0 0; font-weight: bold; } #basketRecommended .productStar{ position: absolute; right: 10px; top: 5px; } #youMayAlsoLike{ padding: 30px 0 0 0; } #recentlyViewed{ float: left; display :inline; width: 456px; } #relatedItems{ float: left; display :inline; width: 282px; } .dropdown{ position: relative; display: inline-block; z-index: 50; background: #ECE8DD; line-height:normal; } .dropdownpos{ position: relative; z-index: 51; } .dropdowncontent{ position: absolute; z-index: 51; display: none; border: 1px solid #D3CABA; border-top: none; background: #ECE8DD; text-align: left; padding: 5px 0 5px 0; margin: -1px 0 0 0; } .dropdowncontent ul{ list-style: none; } .dropdowncontent a{ padding: 0 10px 0 5px; } .homeList{ float: left; display: inline; width: 210px; margin: 20px 28px 0 0; border-right: 1px dotted #62584E; } .homeList h2{ font-size: 16px; color: #CE1D65; margin: 0; padding: 0 0 0 24px; } .homeList h2.newIn{ background: url("../images/icon_new_in.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/icon_new_in.gif*/) 0 0 no-repeat; } .homeList h2.mostPopular{ background: url("../images/icon_most_popular.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/icon_most_popular.gif*/) 0 0 no-repeat; } .homeList h2.seasonalFaves{ background: url("../images/icon_seasonal_faves.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/icon_seasonal_faves.gif*/) 0 0 no-repeat; } .homeList ul{ list-style: none; padding: 5px 0 0 0; } .homeList li{ background: url("../images/home_list_arrow.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/home_list_arrow.gif*/) 2px 3px no-repeat; padding: 0 20px 0 14px; color: #62584E; margin: 10px 0 0 0; } #homeForm{ float: left; display: inline; width: 203px; margin: 20px 0 0 0; } #homeForm h2{ font-size: 16px; color: #CE1D65; margin: 0 0 10px 0; } #subscribeDiv{ float: left; display: inline; width: 203px; } #subscribeForm{ float: left; display: inline; background: #EDE8DE; border: 1px solid #D3CABA; margin: 5px 0 0 0; } #subscribeForm input{ float: left; display: inline; } #sendToFriendDiv{ float: left; display: inline; width: 203px; margin: 0px 0 35px 0; } #sendToFriendForm input{ float: left; display: inline; } .homeInput{ padding: 3px 0 3px 5px; background: transparent; color: #62584E; font-size: 10px; width: 165px; } .formStyle{ float: left; display: inline; background: #EDE8DE; border: 1px solid #D3CABA; margin: 5px 0 0 0; width: 195px; } #footer{ position: absolute; width: 100%; line-height: normal; bottom: 0; left: 0; margin: 0; padding: 0; z-index: 2; background: url("../images/pink_bar1.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/pink_bar1.gif*/) 0 100% repeat-x; } #footer1{ width: 960px; margin: 0 auto; } #footerContent{ float: left; display: inline; width: 961px; padding: 20px 0 5px 0; background: #62584E; font-size: 10px; color: #FFFFFF; } #footerLeft{ float: left; display: inline; padding: 10px 0 8px 20px; font-size: 10px; color: #D3CABA; } #footerRight{ float: right; display: inline; width: 221px; padding: 10px 0 8px 20px; font-size: 10px; color: #D3CABA; } #footerRight a{ color: #D3CABA; } #footerRight a:hover{ color: #CE1D65; } #siteInformation{ float: left; display: inline; margin: 0 0 0 20px; width: 155px; } #aboutUs{ float: left; display: inline; margin: 0 0 0 20px; width: 120px; } #customerInfo{ float: left; display: inline; margin: 0 0 0 20px; width: 144px; } #usefulLinks{ float: left; display: inline; margin: 0 0 0 20px; width: 220px; } #testimonial{ float: left; display: inline; margin: 0 0 0 20px; width: 201px; } #testimonial #subscribeForm{ margin: 0; } #footerContent h3{ margin: 0 0 15px 0; font-size: 11px; font-weight: bold; line-height: 20px; } #siteInformation h3{ padding: 0; } #aboutUs h3{ padding: 0; } #customerInfo h3{ padding: 0; } #usefulLinks h3{ padding: 0; } #testimonial h3{ padding: 0; } #footerContent ul{ list-style: none; margin: 0 0 15px 0; } #footerContent li{ padding: 0 0 0 10px; background: url("../images/list_arrow.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/list_arrow.gif*/) 0 2px no-repeat; } #footerContent p{ margin: 0 0 15px 0; } #footerContent a{ color: #FFFFFF; text-decoration: none; } #footerContent a:hover{ color: #FFFFFF; text-decoration: underline; } .pinkBold{ font-weight: bold; color: #CE1D65; } .pinkBold14{ font-weight: bold; color: #CE1D65; font-size: 14px; } .pinkBtn{ background: url("../images/pink_btn.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/pink_btn.gif*/) 100% 0 no-repeat #B7144D; display:block; margin: 10px 0 10px 0; line-height: 29px; font-size: 15px; font-weight: bold; padding: 1px 35px 4px 10px; color: #FFFFFF; } .pinkBtn:hover { background: url("../images/pink_btn.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/pink_btn.gif*/) 100% -34px no-repeat #B7144D; color: #FFFFFF; } #lightBoxDiv{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #29231D; z-index: 999; filter: progid:DXImageTransform.Microsoft.alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; } #lightBoxContent{ position: absolute; z-index: 1000; top: 0; left: 0; } .onMouseOverColor{ position: relative; float: left; display: inline; width: 23px; height: 23px; border: 2px solid #CE1D65; margin: 12px 12px 0 0; text-align:center; line-height: 23px; cursor: pointer; } .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 290%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .white_content { display: none; position: absolute; top: 25%; left: 25%; margin-left:70px; border-width:thin; border-color: #E0D9C9; background-color:#FFFFFF; z-index:1002; overflow: auto; } .sizeGuide_content { display: none; position: absolute; top: 25%; left: 15%; margin-left:0px; border-width:4px; border-color: #E0D9C9; background-color:#FFFFFF; z-index:1002; overflow: auto; } .notifyMe_content { display: none; position: absolute; top: 25%; left: 25%; width:300px; height:220px; margin-left:70px; border-width:thin; border-color: #E0D9C9; background-color:#FFFFFF; z-index:1002; overflow: auto; } #newMainLeft{ display: inline; width: 154px; margin: 0 10px 0 20px; padding: 10px 0 0 0; } #newMainMiddle{ float: left; display: inline; width: 786px; margin: 0 0 0 0; padding: 0 0 0 0; min-height:0px; overflow:visible } .leftWideColumn{ float:none; display: inline; width: 157px; margin: 0 0 0 2px; padding: 10px 0 0 0; min-height:0px; overflow:visible; } .middleWideColumn{ float: left; display: inline; width: 750px; min-height:0px; overflow:visible; } .middleWideColumnOne{ float: left; display: block; width: 355px; min-height:0px; overflow:visible; padding: 0px; } .middleWideColumnOne div.wideCallout, .middleWideColumnTwo div.wideCallout{ margin: 0px; } .middleWideColumnTwo{ float: left; display: inline; width: 355px; min-height:0px; overflow:visible; padding-left:20px; } #FooterMain{ float: left; display: inline; width: 940px; margin: 0 0 0 20px; padding-top:0px; padding-right:0px; padding-bottom:160px; padding-left:0px; } .productItem div span{ color:#003366; text-decoration:line-through; } #forms input,#forms textarea{ border: 1px solid #D3CABA; background-color: #ECE8DD; } .checkout{ margin: 0px 0px 10px 0px; } .checkout td{ border: 1px solid #D3CABA; } .checkoutnoborder td{ border: none; padding: 0px; } .basket{ width:920px; margin: 0px 0px 10px 0px; } .basket td{ border: 1px solid #D3CABA; } .moreColours{ display: inline-block; padding: 2px 5px 2px 5px; color: #FFFFFF; font-weight: normal; background:url("../images/more_colours.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/more_colours.gif*/) 0 0 repeat-x #5A5044; } .moreColours:hover{ color: #FFFFFF; background:url("../images/more_colours_over.gif"/*tpa=http://www.shudoo.co.uk/sites/shudoov2.60/images/more_colours_over.gif*/) 0 0 repeat-x #B7134F; } .newsInfo { text-align: left; font-style: normal; } .newsContent { font-size: 1.0em; } #newsArchivTitleHeading { text-align: left; } #newsArchivDateHeading { text-align: right; } .newslist {text-align:left; overflow:hidden;} .newslist .newsheader {line-height:30px;height:30px;text-align:center;margin-top:180px;margin-left:15px;border-bottom:solid 1px #D3D3D3;color:#5B4F43; font-size:18px; font-weight:bold;} .newslist .box5{ width:200px; float:left; margin-top:5px; margin-left:5px;} .newslist .box5 a{color:#478A00; } .newslist .box5 a:hover{color:#0769cd; } #noticedContent{text-align:left;}