/*****************/ /* TAG LEVEL CSS */ /*****************/ * { padding:0; margin:0;} body { font-family: Arial, Helvetica, sans-serif; font-size:10px; text-align:center;} img{border:0;} /*li { list-style:none; }*/ .homeWrapper{width:775px;float:right;} h1.heading {color:#E50D62;font-size:16px;font-weight:normal;margin-bottom:15px;} .wrapper{width:970px;margin-left:auto;margin-right:auto;} .headerBlock{margin-top:-40px;} .headerBlock #mainLogo{position:relative;top:67px;} .headerBlock #caption{/*float:left;*/margin-top:40px;margin-left:-20px;} .headerBlock .navbar{float:left;} .headerBlock .navbar .top{background-image:url(../images/mainSite/header_top2.gif);background-repeat:no-repeat;width:970px;height:13px;} .headerBlock .navbar .fill{text-align:left;background-image:url(../images/mainSite/header_fill2.gif);width:970px;height:40px;} .headerBlock .navbar .bottom{background-image:url(../images/mainSite/header_bottom2.gif);background-repeat:no-repeat;width:970px;height:20px;} .headerBlock .navbar .navlayout{margin-left:150px;height:100%;text-align:center;vertical-align:middle;color:#e91b65;font-size:12px;} .headerBlock .navbar .navlayout .navlink{vertical-align:middle;width:96px;padding-left:15px; padding-right:2px;} .headerBlock .navbar .navlayout .navlink a{text-decoration:none;font-weight:bold;color:#e91b65;} .headerBlock .navbar .navlayout .navlink a:hover{color:#d99a49;} .headerBlock .cartSummary {float:right;color:white;font-size:12px;margin-top:65px;width:315px;} .headerBlock .cartSummary a{text-decoration:none;font-weight:bold;color:white;} .headerBlock .cartSummary #cartimage{float:left;margin-left:10px;} .headerBlock .cartSummary .heading{color:#e91b65;font-size:12pt;font-weight:bold;margin-bottom:5px;} .headerBlock .cartSummary .top{background-image:url(../images/mainSite/cartsummary_top.gif);width:315px;height:11px;} .headerBlock .cartSummary .fill{background-image:url(../images/mainSite/cartsummary_fill.gif);width:315px;height:36px;} .headerBlock .signupBar {line-height:25px;clear:both;float:left;color:white;font-size:14px;margin-top:5px;text-align:left;} .headerBlock .signupBar .top{background-image:url(../images/mainSite/signup_top2.gif);background-repeat:no-repeat;width:688px;height:4px;} .headerBlock .signupBar .fill{background-image:url(../images/mainSite/signup_fill2.gif);width:678px;height:22px;padding-left:10px;} .headerBlock .signupBar .bottom{background-image:url(../images/mainSite/signup_bottom2.gif);width:688px;height:8px;} .headerBlock .signupBar a{text-decoration:none;font-weight:bold;color:white;} .headerBlock .signupBar form{float:right;margin-right:10px;} .headerBlock .signupBar .inputBox{border:1px solid black;color:#a5a5a5;width:240px;} .headerBlock .searchBar {line-height:25px;float:right;color:white;font-size:14px;margin-top:5px;} .headerBlock .searchBar .top{background-image:url(../images/mainSite/search_top2.gif);background-repeat:no-repeat;width:270px;height:4px;} .headerBlock .searchBar .fill{padding-left:10px;background-image:url(../images/mainSite/search_fill2.gif);width:259px;height:23px;} .headerBlock .searchBar .bottom{background-image:url(../images/mainSite/search_bottom2.gif);width:269px;height:7px;} .headerBlock .searchBar form{float:left;margin-left:10px;} .headerBlock .searchBar .inputBox{border:1px solid black;color:#a5a5a5;width:125px;} .mainContent{width:970px;clear:both;} .mainContent .sideNav{float:left;width:195px;/*margin-top:20px;*/} .mainContent .sideNav .navMenu .navbarFill{float:left;text-align:left;width:188px;clear:both;padding-top:10px;background-image:url(../images/mainSite/navbar_fill.jpg);} .mainContent .sideNav .navMenu .navbarFill ul{/*clear:both;*/list-style-image:url(../images/mainSite/bullet.gif);font-size:12px;margin-left:30px;color:#2d2b2c;/*margin-top:10px;*/} .mainContent .sideNav .navMenu .navbarFill ul li{margin-bottom:5px; max-width:155px;} .mainContent .sideNav .navMenu .navbarFill a{color:black;text-decoration:none;font-weight:bold;} .mainContent .sideNav .navMenu .navbarFill .subCat{display:none;margin-left:15px;margin-top:2px;} .mainContent .sideNav .navMenu .navbarFill .subsubCat{margin-left:15px;margin-top:2px;} .mainContent .sideNav .navMenu .navbarBottom{float:left;width:188px;height:8px;background-image:url(../images/mainSite/navbar_bottom.jpg);} .mainContent .flash{float:left;/*margin-bottom:-6px;*/} .mainContent .suppliersImage{float:left; margin-left:-7px;} .mainContent .content{clear:both;/*margin-top:7px;/*margin-left:9px;*/} .footerBlock{clear:both; margin-left:-3px; float:right;} .footerBlock .top{background-image:url(../images/mainSite/footer_top2.gif);background-repeat:no-repeat;width:970px;height:13px;} .footerBlock .fill{background-image:url(../images/mainSite/footer_fill2.gif);background-repeat:repeat-y;width:970px;height:79px;} .footerBlock .fill .left{width:245px;float:left;color:white;font-weight:bold;} .footerBlock .fill .left p{clear:both;margin-left:20px;} .footerBlock .fill #footerlogo{float:left;margin-left:20px;} .footerBlock .fill .middle{width:425px;float:left;margin-top:-7px;} .footerBlock .fill .right{width:232px;float:right;margin-right:0px; margin-top:10px;} .footerBlock .fill .right .linkRule{width:10px;height:60px;float:left;background-image:url(../images/mainSite/link_rule.gif);} .footerBlock .fill .right .leftLinks a{text-decoration:none;color:black;} .footerBlock .fill .right .leftLinks{float:left;text-align:right;font-size:12px;} .footerBlock .fill .right .rightLinks{float:left;text-align:left;font-size:12px;} .footerBlock .fill .right .rightLinks a{text-decoration:none;color:black;} .footerBlock .bottom{background-image:url(../images/mainSite/footer_bottom2.gif);background-repeat:no-repeat;width:970px;height:18px;} /* FROM HERE ADDED BY NICK */ div.validationError {border:1px dotted #000;margin:10px 0;padding:5px;color:#E50D62;} div.validationError p {line-height:9px;} /*********************************************/ /************* COLUMN CONTAINER **************/ /*********************************************/ #ColumnContainer{float:right;display:inline;color:black;/*margin-left:-6px;margin-top:2px;*/ width:775px; /*margin-top:9px;*/ } #ColumnContainer a {color:blue;} #topBar{float:left; width: 470px; text-align:left; padding-top:16px; padding-left:20px;font-size:15px; color:#ffffff; font-weight:bold;} #topBar a {text-decoration:none; color:#ffffff; font-size:16px;} #ColumnTop{background:transparent url(../images/mainSite/newBoxHeaderProducts2.gif) no-repeat; width:775px; height:50px; margin-top:7px;} #ColumnTopProducts{background:transparent url(../images/mainSite/newBoxHeaderProducts2.gif) no-repeat; width:775px; height:50px; margin-top:6px;} #topBarProducts{float:left; width: 176px; text-align:left; padding-top:15px; padding-left:10px;font-size:15px; color:#ffffff; font-weight:bold;} #topBarProducts a {text-decoration:none; color:#ffffff; font-size:16px;} #ColumnMiddle {width: 775px;} #ColumnMiddle #content{width: 775px; background:transparent url(../images/mainSite/newBoxSlice2.gif) repeat-y; color:#818181; text-align:justify; clear:both; /*min-height:568px;*/} #ColumnMiddle #content a {text-decoration:none; color:#EC3677;} #ColumnMiddle #content a:hover{color:#999999;} #ColumnMiddle a {color:#818181;} #ColumnBottom{width:775px;height:25px;background:transparent url(../images/mainSite/newBoxFooter2.gif) no-repeat;margin:0px 0px 5px 0px; } #ColumnMiddle h2 {font-weight: normal;font-size: 18px;margin-bottom: 12px;letter-spacing: -1px; color: #e62f72;} /*#ColumnMiddle p {line-height: 1.2em; text-align: center; margin-left: 15px; margin-right: 15px; color: #e62f72; min-height:40px; font-size:11px; }*/ #ColumnMiddle p a {color: #e62f72;} #ColumnMiddle #centralArea {/*float: left;*/width: 745px;margin-left:auto;margin-right:auto;/*padding:0px 0px 10px 30px;*/} .paginationPannelTop {float:left; font-size:12px; text-align:left; margin-right:20px; height:35px;} .paginationDropDown {float:right; font-size:12px; text-align:left; /*margin-right:20px;*/ height:35px; color:#ffffff; width:576px;} .paginationPannelBottom {float:left; font-size:12px; text-align:left; margin-right:20px; height:35px;} .supplierPaginationDropDown {float:right; font-size:12px; text-align:left; margin-right:20px; height:35px; color:#fff; } div.forgotPassword{text-align:left; padding-left:10px; color:red;} div.formButton{padding-left:20px;clear:both;} div.myDetailsPassword{padding:10px 0px 10px 20px;} /*********************************************/ /*** SUPPLIERS PAGE STRUCTURE *******/ /*********************************************/ .suppliersContainer { float:left; height:275px; width:160px; background:url(../images/mainSite/productDisplay3Slice.jpg) repeat-y scroll 0 0 transparent; margin:0 5px 10px 0; padding-right:21px; } .suppliersNameContainer { width:160px; background:#CDDC2D; color:#E62F72; font-weight:bold; font-size:11px; height:33px; text-align:center; margin-bottom:29px; } .suppliersImageContainer { height:130px; margin-bottom:10px; margin-top:10px; text-align:center; } .suppliersImageContainer table{ height:130px;text-align:center; } .suppliersDescriptionContainer {font-size:11px; height:50px; margin-bottom:10px; text-align:center; } .suppliersContactTable { margin-left:auto; margin-right:auto; background:#DDD; border:1px solid #CCC; width:250px; } .supplierPaginationOptions { float:left;width:120px; margin-left:223px; padding-top:10px;font-size:12px; } /*********************************************/ /*** HOLIDAY COTTAGES PAGE STRUCTURE *******/ /*********************************************/ .holidayCottagesContainer { float:left; height:275px; width:180px; border:1px solid #DDD; margin:0 5px 10px 0; } .holidayCottagesNameContainer { width:180px; background:#CDDC2D; color:#E62F72; font-weight:bold; font-size:11px; height:33px; text-align:center; margin-bottom:10px; } .holidayCottagesImageContainer { height:80px; margin-bottom:20px; text-align:center; } .holidayCottagesDescriptionContainer { height:50px; margin-bottom:20px; text-align:center; } /*********************************************/ /*** RELATED PRODUCTS COLUMN CONTAINER *******/ /*********************************************/ #relatedProductsColumnContainer{float:left;display:inline;color:black;margin-left:10px;margin-top:6px;} #relatedProductsColumnContainer a {color:black;} #relatedProductsColumnTop{width: 645px;height:36px;} #relatedProductsColumnMiddle {width: 645px;} #relatedProductsColumnMiddle #content{width: 645px; height:300px; padding-top:20px; background:transparent url(../images/mainSite/green_fill_rp.jpg) repeat-y; color:#818181; text-align:justify;} #relatedProductsColumnMiddle #content a {text-decoration:none;} #relatedProductsColumnMiddle #content a:hover{color:#999999;} #relatedProductsColumnMiddle #tableTop {height:10px; background:url(../images/mainSite/NutritionalTableTop.png) top no-repeat;} #relatedProductsColumnMiddle #topBar{width: 645px; background:transparent url(../images/mainSite/NutritionalTableTop.png) top no-repeat; height:10px; margin-left:0px;} #relatedProductsColumnMiddle a {color:#818181;} #relatedProductsColumnBottom{width: 645px;height:20px;background:transparent url(../images/mainSite/NutritionalTableBottom.png) no-repeat;margin-top:-6px;} #relatedProductsColumnMiddle h2 {font-weight: normal;font-size: 18px;margin-bottom: 12px;letter-spacing: -1px;color: #e62f72;} #relatedProductsColumnMiddle p {line-height: 1.2em;text-align: justify;margin-bottom: 0px;} #relatedProductsColumnMiddle #centralArea {float: left;width: 745px;margin-left:auto;margin-right:auto;padding:5px 0px 10px 0px;} /*********************************************/ /******** CHECKOUT COLUMN CONTAINER **********/ /*********************************************/ /*#checkoutColumnContainer{float:left;display:inline;color:black;margin-left:16px;margin-top:6px;} #checkoutColumnContainer a {color:black;} #checkoutColumnTop{width: 765px;height:36px;} #checkoutColumnMiddle {width: 765px;} #checkoutColumnMiddle #content{width: 770px; height: 800px; background:transparent url(../images/mainSite/green_fill.jpg) repeat-y; color:#818181; text-align:justify;} #checkoutColumnMiddle #content a {text-decoration:none;} #checkoutColumnMiddle #content a:hover{color:#999999;} #checkoutColumnMiddle #topBar{width: 770px; background:transparent url(../images/mainSite/top_slice_shop2.jpg) no-repeat; height:14px; margin-left:0px;} #checkoutColumnMiddle #topBar a {text-decoration:none; color:#EC3677; font-size:16px;} #checkoutColumnMiddle a {color:#818181;} #checkoutColumnBottom{width: 770px;height:20px;background:transparent url(../images/mainSite/bottom_slice_shop2.jpg) no-repeat;margin-top:-6px;} #checkoutColumnMiddle h2 {font-weight: normal;font-size: 18px;margin-bottom: 12px;letter-spacing: -1px;color: #e62f72;} #checkoutColumnMiddle p {line-height: 1.2em; text-align: justify; margin-left: 10px; margin-right: 20px;} #checkoutColumnMiddle #centralArea {float: left;width: 745px;margin-left:auto;margin-right:auto;padding:20px 0px 10px 13px;} */ div.whiteArea {background-color:#FFFFFF; padding-left:2px; padding-right:2px; padding-bottom:20px; border:0px solid #999999; min-height:0px; margin-left:20px; margin-bottom:14px; margin-top:5px; width:725px; float:left; display:inline; font-size:12px;} div.whiteArea h1 {color:#E50D62;font-size:16px;padding-bottom:15px;text-align:center;} .whiteAreaInner {padding: 10px 20px 0px 20px;} #loginContainer{width:400px; height:315px; margin-left:40px; margin-top:20px;} /***************************************** CHECKOUT TABLE *****************************************/ table.checkout {margin:0px 0px 2px 25px;} total.checkout {font-weight:bold;font-size:14px;} table.checkout {border-collapse:collapse;font-size:11px;width:692px;} table.checkout th , table.checkout td {padding:1px 8px;border:1px solid #ddd;} table.checkout th {height:30px;background-color:#DDD;} table.checkout td {height:30px;} table.checkout input {font-size:11px;} table.login{margin:0px 0px 30px 15px;} .basketDetailsText { position:relative; left:1px; top:8px; } a.continueShoppingLink { background:#DDD; border:1px solid #BBB; font-size:13px } #checkoutTableTop { background:url(../images/mainSite/checkout_table_top.png) no-repeat; width:727px; height:35px; float:right} #checkoutTableFill { float:right; background:url(../images/mainSite/checkout_table_fill.png); width:727px; min-height:32px; height:auto; } #checkoutTableBottom { float:right; background:url(../images/mainSite/checkout_table_bottom.png) no-repeat; width:727px; height:12px; } #checkoutTotalsFill { float:right; background:url(../images/mainSite/checkout_totals_fill.png) repeat; width:287px; /*min-height:85px; height:auto; position:relative; left:440px;*/ } #checkoutTotalsFill2 { clear:both; float:right; background:url(../images/mainSite/checkout_totals_fill2.png) repeat; width:287px; min-height:24px; /*height:auto; position:relative; left:440px;*/ padding-top:10px; } #checkoutTotalsBottom { clear:both; margin-bottom:20px;float:right; width:287px; background:url(../images/mainSite/checkout_totals_bottom.png) no-repeat; height:12px; /*position:relative; left:440px;*/ } .checkoutItemField { text-align:left; width:292px; color:#585858; font-weight:bold; } .checkoutWeightField { text-align:center; width:58px; } .checkoutPriceField { text-align:center; width:73px; } .checkoutQuantityField { text-align:center; width:90px; } .checkoutSubtotalField { text-align:center; width:100px; color:#585858; font-weight:bold; } .checkoutAdjustField { width:216px; } .checkoutUpdateButton { cursor:pointer; border:none; background:url(../images/mainSite/checkout_update_btn.png) no-repeat; height:21px; width:56px; } .checkoutRemoveButton { cursor:pointer; border:none; background:url(../images/mainSite/checkout_remove_btn.png) no-repeat; height:21px; width:56px; } .checkoutTotalsRow { color:#585858; font-weight:bold; } .checkoutTotalText { color:#FFF; font-weight:bold; font-size:16px; } .applyDiscountCodeLink { color:#585858; font-weight:bold; cursor:pointer; } .applyDiscountCodeLink:hover { color:#E91B65; font-weight:bold; cursor:pointer; } .loginRequiredBanner { clear:both; height:55px; } #loginBlock { float:left; margin-right:31px; height:179px;width:349px; } .checkoutLoginFields { position:relative; top:10px; left:52px; line-height:26px;} .checkoutLoginBottomFields { margin-top:-20px;margin-left:10px; font-size:11px;width:325px;} .checkoutLoginFill { background:url(../images/mainSite/checkout_login_fill.png) repeat; height:98px; } .checkoutLoginBottom { background:url(../images/mainSite/checkout_login_bottom.png) no-repeat; /*height:24px;*/float:left;width:349px; } .checkoutLoginButton { border:none;} .checkoutFormTop { margin-top:20px;float:right;background:url(../images/mainSite/checkout_form_top.png) no-repeat; width:713px; height:24px; clear:both;} .checkoutFormFill { float:right;background:url(../images/mainSite/checkout_form_fill.png) repeat; width:713px; color:#FFF; } .checkoutFormBottom { float:right;background:url(../images/mainSite/checkout_form_bottom.png) no-repeat; width:713px; height:24px; } .checkoutFormTopGreen { float:right;background:url(../images/mainSite/checkout_form_top_green.png) no-repeat; width:713px; height:24px; clear:both;} .checkoutFormFillGreen { float:right;background:url(../images/mainSite/checkout_form_fill_green.png) repeat; width:713px; color:#FFF; } .checkoutFormBottomGreen { float:right;background:url(../images/mainSite/checkout_form_bottom_green.png) no-repeat; width:713px; height:24px; } /***************************************** CHECKOUT DETAILS TABLE *****************************************/ table.checkoutDetails {margin:5px 0px 30px 30px; width:240px; } total.checkoutDetails {font-weight:bold;font-size:14px;} table.checkoutDetails {border-collapse:collapse;font-size:11px;} table.checkoutDetails th , table.checkout td {padding:1px 8px;border:0px solid #ddd;} table.checkoutDetails th {height:30px;background-color:#DDD;} table.checkoutDetails td {height:30px;} table.checkoutDetails input {font-size:11px;} .smallPink {font-size:10px; color:#EC3673;} /********************************************* TABLE LAYOUT **********************************************/ table.tableLayOut {margin:0px 0px 30px 20px;} table.tableLayOut {padding-top:10px;} table.tableLayOut tr {line-height:30px;} table.tableLayOut input{height:20px; padding-top:5px;} table.tableLayOut textarea {margin-top:10px;} /***************************************** CONFIRM DETAILS TABLE *****************************************/ table.confirmDetails {margin:0px 0px 0px 25px;} total.confirmDetails {font-weight:bold;font-size:14px;} table.confirmDetails {border-collapse:collapse;font-size:11px;} table.confirmDetails th {padding:1px 8px;border:1px solid #ddd;} table.confirmDetails th {height:15px;background-color:#DDD;} table.confirmDetails td {height:15px;} table.confirmDetails input {font-size:11px;} form.confirmAndPay {float:right; margin-right:25px;} form.backToEdit {float:left; margin-left:25px;} div.checkoutMargin{margin:0px 25px 0px 25px;} /********************************************* BUTTONS **********************************************/ .submitButton{font-size:11px;} /*********************************************/ /* Display Products within category selected */ /*********************************************/ /* NICK Taken as is from other version */ div.productDisplay3Top {background:url(../images/mainSite/productDisplay3Top.jpg) no-repeat; width:160px; height:3px; margin:10px 0px 0px 0px;} div.productDisplay3Bottom {background:url(../images/mainSite/productDisplay3Bottom.jpg) no-repeat; width:160px; height:14px;} div.productDisplay3Slice {background:url(../images/mainSite/productDisplay3Slice.jpg) repeat-y; min-height:240px;max-height:auto;margin-left:0px;margin-bottom:10px;width:160px;float:left;display:inline;} div.productDisplay3Left {background:url(../images/mainSite/newProductBoxLeft.jpg) no-repeat; width:5px; height:394px; margin:0px 0px 0px 0px; float:left;} div.productDisplay3Slice {background:url(../images/mainSite/newProductBoxSlice.jpg) repeat-x; min-height:394px; max-height:394px; margin-left:0px; margin-bottom:10px; width:152px; float:left; display:inline;} div.productDisplay3Right {background:url(../images/mainSite/newProductBoxRight.jpg) no-repeat; width:3px; height:394px; float:right;} div.productDisplay3LeftMini {background:url(../images/mainSite/productDisplay3LeftMini.png) no-repeat; width:4px; height:256px; margin:0px 0px 0px 0px; float:left;} div.productDisplay3SliceMini {background:url(../images/mainSite/productDisplay3SliceMini.png) repeat-x; min-height:256px; max-height:256px; margin-left:0px; margin-bottom:10px; width:152px; float:left; display:inline;} div.productDisplay3RightMini {background:url(../images/mainSite/productDisplay3RightMini.png) no-repeat; width:4px; height:256px; float:right;} div.supplierDisplay3LeftMini {background:url(../images/mainSite/supplierBoxLeft.jpg) no-repeat; width:4px; height:273px; margin:0px 0px 0px 0px; float:left;} div.supplierDisplay3SliceMini {background:url(../images/mainSite/supplierBoxSlice.jpg) repeat-x; min-height:273px; max-height:256px; margin-left:0px; margin-bottom:10px; width:152px; float:left; display:inline;} div.supplierDisplay3RightMini {background:url(../images/mainSite/supplierBoxRight.jpg) no-repeat; width:4px; height:273px; float:right;} #productButtons {margin-left:15px;} div.productDisplay3 {position:relative; padding-left:13px; padding-right:13px; border:0px solid #999999; min-height:394px; max-height:394px; margin-bottom:15px; /*margin-bottom:25px;*/ width:160px; float:left; display:inline;} div.productDisplay3 h1 {font-size:12px;text-align:center; margin-top:10px; color:#EC3677;} div.productDisplay3 div.productImageBox3 {width:135px; height:130px; margin-left:auto; margin-right:auto; margin-top:5px;} div.productDisplay3 div.wrapper h1 {font-size:12px;text-align:center; margin-top:10px; color:#EC3677; height:35px;} div.productDisplay3 div.wrapper #imageHolderViewCategory{/*display: block;*/ margin-left: auto; margin-right: auto; width:110px; height:145px;text-align:center;} div.productDisplay3Slice div.wrapper #productButtons{padding-top:5px; display: block; margin-left: auto; margin-right: auto; width:128px;} div.specials {float:left;width:490px;margin-left:8px;} div.productDisplay3 .productTitle { font-size:13px; font-weight:bold; margin:0 auto; padding-top:3px; /*height:33px; width:160px;*/ text-align:center; color:#E62F72; width:152px; height:45px ! important; } div.specials div.productDescription {width:260px !important;} div.productDisplay3 div.imageHolder {width:75px; float:left; color:#E50D62; font-size:14px; padding:13px; font-weight:bold;} div.productDisplay3 .productImage {margin-left:auto; margin-right:auto;/*float:left;*/ /*margin-top:15px; */} div.productDisplay3 div.productDescription {height:100px;float:left;padding:5px;text-align:justify;width:318px;font-size:11px;} div.productDisplay3 div.pricingOptions {text-align:left;font-size:11px;height:65px;} div.productDisplay3 div.productOverview {clear:both;text-align:left;padding-left:233px;line-height:15px;} div.productDisplay3 div.productOverview a {color:#E50D62;text-decoration:none;} div.productDisplay3 div.productOverview a:hover {text-decoration:underline;} div.productDisplay3 form.itemAddForm {display:inline;} div.productDisplay3 form.itemAddForm input[type="text"] {width:27px;} div.productDisplay3 span.cartFeedback {float:left;padding-top:5px;color:#E50D62;font-weight:normal;} input.submitButtonAsText {background:none; border:none;font-size:10px;color:#E50D62;padding-top:1px;} /*div.productDisplay3 div.productBase {background:url(../../images/v2style/productBase.png) top no-repeat; height:13px; width:150px;}*/ /* Positioning for the flag icons on the viewCategories page */ .flagWrapper {position:relative; top:-149px; left: 0px;} .flagNew {position:absolute; top:0px;left:88px;} .flagSpecial {position:absolute; top:-1px;left:89px;} .flagMailOrder {position:relative; top:-138px; left: -9px;} .viewCategoriesPriceWrapper {width:152px; color:#E62F72; font-size:17px; height:30px;} .viewCategoriesSuppliedByWrapper {width:152px; color:#E62F72; font-size:12px; height:50px !important;} /********************************************/ /* PRODUCT DETAILS (viewProductDeatils.php) */ /********************************************/ div.productDisplayDetails3 {background-color:#FFFFFF; padding-left:2px;padding-right:2px; min-height:280px; max-height:1500px; margin-left:0px; margin-bottom:10px; margin-top:8px; width:705px;float:left;display:inline;} div.productDisplayDetails3 h1 {font-size:17px;text-align:center; padding-bottom:15px; color:#E50D62;} #productDetailsImage {float:left; width:305px; height:302px; margin:0 0 20px 3px; border:1px solid #DDDDDD; } #productDetailsDescription {float:left; width:290px; min-height:175px; font-size:11px; text-align:left; padding:0;} #productDetailsDescription .aboutThisProduct { text-align:left; font-size:14px; padding-bottom:5px;} #productDetailsDescription .descriptionContent { text-align:justify; font-size:13px; } #productDetailsVersions {float:left; width:360px; min-height:70px; font-size:11px; text-align:left; padding:10px 0px 0px 20px;} #productDetailsVersions table td {color:#ED3678; font-weight:bold; font-size:17px; width:55px;} #productDetailsNutritional {clear:both; width:665px; height:auto; font-size:11px; text-align:left; padding:10px 20px 30px 20px;} #productDetailsNutritional h1 {font-size:12px;text-align:left; margin-left:0px;} #productDetailsSuppliers {clear:both; width:665px; height:auto; font-size:11px; text-align:left; padding:10px 20px 20px 20px;} #productDetailsSuppliers h1 {font-size:12px; text-align:left; margin-left:0px;} #productDetailsRelatedProducts {clear:both; width:735px; height:auto; font-size:11px; text-align:left; padding:0px 0px 0px 0px;} #productDetailsRelatedProducts h1 {font-size:12px;text-align:left; margin-left:20px; height:10px;} #productDetailsCustomerReview {clear:both; width:700px; height:auto; font-size:11px; text-align:left; padding:10px 20px 20px 20px;} #productDetailsCustomerReview h1 {font-size:12px;text-align:left; margin-left:0px;} div .relatedProducts { font-size:14px; width:712px; /*height:268px;*/ padding:0px; } .relatedProductsHeader { font-size:13px; margin-left:3px; color:#E62F72; font-weight:bold; } #productDetailsCustomerReview .customerReviewTitle {float:left; font-size:12px;text-align:left; margin-left:10px;} #productDetailsCustomerReview .starRating {float:right; font-size:12px; text-align:left; margin-right:20px;} span.starRating {font-size:10px ! important;} span.keepSignedIn{font-size:10px ! important; float:left; margin-left:24px;} div.addToFavourites{float:right; margin-right:20px; padding-top:10px;} div.addToFavouritesCategories{padding:5px 0px 0px 28px; font-size:10px; text-align:left;float:left; } div.removeFromFavouritesCategories{padding:5px 0px 0px 4px; font-size:10px; text-align:left;float:left; } .shortDescription { width:154px; height:43px; font-size:11px; text-align:center; } .productDetailsTabsTable { width:auto; position:relative; top:2px; display:none; } .productDetailsTabsTableRow { height:30px; } .supplierInformationSupplierHeader { color:#EC3677; font-weight:bold; font-size:13px; } .supplierInformation { border:2px solid #EC3677; font-size:12px; padding:27px; } .additionalImagesText { margin-left:10px; width:305px; text-align:center; display:none; } .continueShoppingText { margin-left:10px;font-size:13px; } .productDetailsImageContainer { height:300px;margin-left:auto;margin-right:auto; } .productDetailsOnOfferText { color:red; font-weight:bold; font-size:12px; padding-left:45px; } .addedToBasketText { font-size:12px;color:#ED3678;margin-left:22px;display:none; } .promotionsWrapper { width:460px; background:#EC3677; color:#FFF; margin-left:auto; margin-right:auto; text-align:center; font-size:15px; } /****************************************/ /** Product Details Page Styling For No-Script Case ***/ /****************************************/ .supplierInformationNoScript { font-size:14px; padding:10px; border:2px solid #EC3677; margin-bottom:-3px; } .nutritionalInformationNoScript { font-size:14px; padding:45px; height:228px; border:2px solid #EC3677; } /****************************************/ /** Product Details Nutritional Table ***/ /****************************************/ #nutritionalTableHolder { margin:0; background:url(../images/mainSite/nutrition_table_bg.gif) no-repeat; width:620px; } #nutritionalTableHolder #tableTop {height:2px; padding-left:10px;} #nutritionalTableHolder #tableContent {width:613px; margin-left:0px;} #nutritionalTableHolder #tableBase {height:10px;} #nutritionalTableHolder #tableContent table#nutritionalList{width:611px;font-size: 11px; margin-left:4px;} #nutritionalTableHolder #tableContent table#nutritionalList tr {background: #EEEEEE; height: 25px;} #nutritionalTableHolder #tableContent table#nutritionalList tr th {padding-left:5px; font-size: 10px; font-weight:bold; color:#808080; background: #CCCCCC;} #nutritionalTableHolder #tableContent table#nutritionalList tr td {padding-left:40px;} #nutritionalTableHolder #tableContent table#nutritionalList tr th a {color:#D85988;} /********************************************/ /* SEASONALITY + SUPPLIER PAGE */ /********************************************/ .seasonalityImage { margin:12px 0 0 -10px; text-align:left; } .ourSuppliersImage { margin:12px 0 0 -2px; text-align:left; } /********************************************/ /* SUPPLIER DETAILS (viewSupplierDeatils.php) */ /********************************************/ div.supplierDisplayDetails3 {background-color:#FFFFFF; padding-left:2px;padding-right:2px; min-height:280px; max-height:1500px; margin-left:0px; margin-bottom:10px; margin-top:8px; width:705px;float:left;display:inline;} #supplierDetailsImage {float:left; width:305px; height:300px; margin:0 0 20px 3px; border:1px solid #DDDDDD; } div .supplierProducts {font-size:14px; width:710px; height:268px; padding:0px;} .supplierCarousel {list-style:none;} div .holidayProducts {font-size:14px; width:712px; height:327px; padding:0px;} /********************************************/ /* HOLIDAY COTTAGE DETAILS (viewHolidayCottageDeatils.php) */ /********************************************/ .holidayCottageCarousel {list-style:none;} /************************** PAGINATION **************************/ .headerContainer {margin-top:10px;} .headerContainer h1 {color:#D85988;font-size:18px;text-align:center;font-weight:normal;float:left;padding-left:408px;} .headerContainer .paginationSearchTable {float:right;padding-right:15px;} .headerContainer form#rpp {float:right;padding-right:19px;} .paginationPanel {text-align:center;padding-top:10px; font-size:12px; clear:both; } .paginationPanel #counter {padding-right:10px;font-style:italic;} .paginationPanel a {color:black;text-decoration:none;padding:0px 3px;} .paginationPanel a:hover {text-decoration:underline;} .paginationPanel a.currentPage {text-decoration:underline;} /************************** PAGINATION OPTIONS **************************/ /*#paginationOptions {float:right;clear:both;font-size:10px;width:85px;margin-bottom:10px;}*/ #paginationOptions p {margin:3px 0;} #paginationOptions p label {width:100px;display:block;float:left;line-height:17px;padding-top:1px; color:#ffffff;} /************************** ADVANCED SEARCH **************************/ form#advancedSearchForm input {padding:2px;margin-right:6px;} p.searchSuggestion {font-size:12px;padding-top:15px;font-weight:bold;} p.searchSuggestion a {font-weight:normal;} ul#suggestionList {list-style:none;font-size:12px;padding-left:32px;padding-top:10px;clear:both;padding-bottom:35px;} #viewAllSuggestions, #viewAdvancedOptions {cursor:pointer;} #suggestionList{display:none;} #advancedOptions table#priceOptions {width:505px;margin:10px 0;} #advancedOptions table#priceOptions label{color:#F45286;font-weight:bold;width:70px;display:block;float:left;} #advancedOptions table#priceOptions input{width:60px;} #oneClickContainer{width:385px; height:225px; float:left;} #oneClickHeader{background:url(../images/mainSite/oneClickHeader3.jpg) no-repeat; width:384px; height:39px;} #oneClickHeader h1{color:#FFFFFF;font-size:16px;text-align:center;font-weight:normal; padding-top:10px;} #oneClickSlice{background:url(../images/mainSite/oneClickSlice3.jpg) repeat-y; width:342px; height:auto; color:#818181; font-size:14px;text-align:center; padding-left:15px; padding-right:15px;} #oneClickSlice h1{color:#D85988;font-size:15px;text-align:center;font-weight:normal; padding:10px 0px 10px 0px;} #oneClickFooter{background:url(../images/mainSite/oneClickFooter3.jpg) no-repeat; width:384px; height:25px;} #oneClickFooter p {padding:0px 0px 10px 0px;} /**************************** STARY RATING *****************************/ div.starry { width:auto; float:left; margin:10px 0 10px 0; padding:5px; border:1px solid #ddd; width:auto; } div.standard_star { background-repeat: no-repeat; cursor:pointer; float:left; display:inline; } div.feedback { border:1px solid #ddd; padding:5px 3px 3px; display:inline; } /*********************************/ /* ERROR DISPLAY */ /*********************************/ div.errorField{background:url(../images/mainSite/redStar.png) top no-repeat;} div.errorDisplay { margin:10px auto !important; color:#F35286; background-color:#FFFFCC; padding:7px; line-height:18px; width:705px; border:2px solid #F35286; clear:both; text-align:center; font-size:12px; } div.feedbackDisplay { margin:10px auto !important; color:#AFB60C; background-color:#FFFFCC; padding:7px; line-height:18px; width:705px; border:2px solid #AFB60C; clear:both; text-align:center;} div.errorDisplayShorter { margin:10px auto !important; color:#F35286; background-color:#FFFFCC; padding:7px; line-height:18px; width:675px; border:2px solid #F35286; clear:both; text-align:center; font-size:12px; } div.feedbackDisplayShorter { margin:10px auto !important; color:#AFB60C; background-color:#FFFFCC; padding:7px; line-height:18px; width:675px; border:2px solid #AFB60C; clear:both; text-align:center;} /*********************************/ /* FEEDBACK DISPLAY */ /*********************************/ /*p.feedbackDisplay {padding-left:13px;margin:20px 0;font-size:14px;color:green;font-weight:bold;text-align:center;clear:both;} p.pleaseNote {text-align:left;padding:5px 0 5px 15px;font-style:italic;} *.warning {text-align:left;padding:5px 0 5px 15px;font-style:italic;color:#ff0000;} p.deleteWarning {text-align:center;font-size:14px;color:#ff0000;margin:15px;font-weight:bold;}*/ span.close{float:right; margin-right:25px; margin-top:-15px;} span.close a{text-decoration:none;} /********************************/ /* BASTKET PREVIEW */ /********************************/ /* .basketPreview{width:180px;position:absolute;z-index:1} .basketPreview .topBar{width:180px;height:41px;background-image:url(../images/mainSite/shoppingListTop.png);} .basketPreview .middle{width:180px;background-image:url(../images/mainSite/shoppingListFill.png);} .basketPreview .bottom{width:180px;height:8px;background-image:url(../images/mainSite/shoppingListBottom.png);} */ .totalBox{width:114px;color:#FFF;margin-left:auto;margin-right:auto;line-height:32px;font-size:16px;font-weight:bold;} .totalBox .leftBar{width:7px;height:32px;background-image:url(../images/mainSite/totalBoxLeft.jpg);float:left;} .totalBox .middleBar{text-align:center;width:100px;height:32px;background-image:url(../images/mainSite/totalBoxMiddle.jpg);float:left;} .totalBox .rightBar{width:7px;height:32px;background-image:url(../images/mainSite/totalBoxRight.jpg);float:left;} /********************************/ /* SHOPPING BASKET SIDEBAR */ /********************************/ .shoppingSideBarTop { position:relative;right:2px;top:5px; } .basketPreview { background:url(../images/mainSite/shopping_side_bar_fill.gif) repeat-y;position:relative;top:2px;left:4px;width:184px;height:auto;font-size:11px;text-align:left;min-height:250px;padding:5px 0 5px 0 } .shoppingSideBarFill2 { background:url(../images/mainSite/shopping_side_bar_fill2.gif) repeat-y;position:relative;top:2px;left:4px; } .shoppingSideBarBottom { position:relative;right:2px; } .basketTotalWrapper { position:relative;right:20px;top:10px;color:#FFF;font-size:16px;font-weight:bold; } .buttonsWrapper { position:relative;right:6px;top:9px; } /************************** HUB SELECTION DIALOG **************************/ #hubSelectionDialog {width:690px;/*margin-top:-150px;*/cursor:default; /*margin-left:-100px;*/} #hubSelectionDialog #top{height:10px;width:598px;background:url(../images/mainSite/hubSelection/hubSelectDialogTop2.png) top no-repeat;} #hubSelectionDialog #content {height:350px;border-left:1px #ff3366 solid;border-right:1px #ff3366 solid;padding:0px 15px;} #hubSelectionDialog #content p.dialogText {font-size:14px;margin:10px auto;text-align:center;width:330px;} #hubSelectionDialog #content #closeLink {float:right;} /*#postcodeForm {width:300px;margin:53px auto;padding-left:50px;} #postcodeInput,#postcodeButton {display:block;float:left;}*/ /*#postcodeInput {border:1px solid #ff3366;height:20px;width:120px;padding:5px 5px 0px 5px;margin-top:3px;margin-right:15px;}*/ #hubSelectionDialog #base{height:10px;width:598px;background:url(../images/mainSite/hubSelection/hubSelectDialogBase2.png) bottom no-repeat;} #carouselContainer {padding:0 0 0 15px; height:110px; margin-left:19px; } #hubCarousel img {border:none;} a#hubChangeLink{color:blue;font-weight:normal;padding-left:5px;} #noJSDialog {margin:10px auto;clear:both;width:935px;padding:30px 0;font-size:16px;font-weight:bold;} #noJSDialog a {color:blue;} /*Page with options when JS switched off*/ #viewHubsNoScript #hubImages {margin-top:10px;width:417px;margin:15px auto;border:none;} #viewHubsNoScript #hubImages img {float:left;padding:0px 10px;border:none;} /**********************************/ /*FORCED CSS FOR MAIN CONTENT AREA*/ /**********************************/ div.dynamicText {font-size:12px;text-align:justify; margin-top:10px; margin-bottom:10px; padding-left:0px ! important;} div.dynamicText h1.dynamicHeading {color:#E50D62;font-size:16px;font-weight:normal;margin-bottom:15px;} div.dynamicText ul {list-style-image:url(../images/bullet_green.gif);} /*div.dynamicText ol {list-type:decimal;}*/ div.dynamicText ul, div.dynamicText ol {padding:3px 0;margin:10px 0px 10px 20px;} div.dynamicText div , #mainHolder #mainCenter p {padding:3px 0;} div.dynamicText a {color:#E50D62;} div.dynamicText p {padding:0px ! important; margin-left:0px ! important; min-height:0px ! important; text-align:left ! important; font-size:13px ! important; color:#999999 ! important;} div.dynamicText div {font-size:12px;padding:3px 0;} div.dynamicText pre {} div.dynamicText address{} div.dynamicText h1, div.dynamicText h2, div.dynamicText h3, div.dynamicText h4, div.dynamicText h5, div.dynamicText h6{font-weight:bold;margin:3px 0;} div.dynamicText h1 {font-size:26px;} div.dynamicText h2 {font-size:24px;} div.dynamicText h3 {font-size:22px;} div.dynamicText h4 {font-size:20px;} div.dynamicText h5 {font-size:18px;} div.dynamicText h6 {font-size:16px;} /*Match Font Sizes - These have been set to absolute units so need no matching*/ /*INDENT CLASSES*/ #mainHolder #mainCenter div.dynamicText .Indent1 {margin-left: 40px;} #mainHolder #mainCenter div.dynamicText .Indent2 {margin-left: 80px;} #mainHolder #mainCenter div.dynamicText .Indent3 {margin-left: 120px;} /*JUSTIFY CLASSES*/ #mainHolder #mainCenter div.dynamicText .JustifyLeft {text-align: left;} #mainHolder #mainCenter div.dynamicText .JustifyRight {text-align: right;} #mainHolder #mainCenter div.dynamicText .JustifyCenter {text-align: center;} #mainHolder #mainCenter div.dynamicText .JustifyFull {text-align: justify;} #ticker-area-top {background-image:url(../images/mainSite/tickerLeft.jpg);background-repeat:no-repeat;width:7px;height:31px;float:left;} #ticker-area-bottom {background-image:url(../images/mainSite/tickerRight.jpg);background-repeat:no-repeat;width:7px;height:31px;float:left;} #ticker-area {background-image:url(../images/mainSite/tickerFill.jpg);color:#FFFFFF;padding-top:8px;font-size:1.5em;font-weight:bold;height:23px;width:640px;text-align:left;float:left} /* SHOPPING LIST */ #productsBox {float:left; width:580px;} #productsBox h1 {color:#FFFFFF; font-weight:bold; font-size:15px; padding-left:25px; text-align:left; height:5px;} .searchBox {width:188px;height:18px; margin-left:20px; border:1px solid #000000;color:#A5A5A5;} #listBox {float:right; width:150px; padding-top:65px;} #listBox h1 {color:#E91B65; font-weight:bold; font-size:15px; text-align:center;} .SL_searchBox{float:left; width:188px; height:24px; margin-left:5px;} .SL_searchButton{margin-left:40px; float:left; width:49px; height:23px;} .shoppingListProducts {padding-left:32px; padding-bottom:20px;} .shoppingListDynamic {margin-left:15px;} .shoppingListTotalBox {color:#ec3674;font-size:14px;font-weight:bold; text-align:center; padding:15px 0px 0px 0px;} .addAllToBasket {padding:15px 0px 0px 0px;text-align:center;} .emptyShoppingList {color:#ec3674;font-size:12px;padding:15px 0px 0px 0px; text-align:center;} .emptyShoppingList a{color:#999999; text-decoration:none;} .letsGoTop{background-image:url(../images/mainSite/SL_LetsGoTopNew.jpg);background-repeat:no-repeat;width:571px;height:9px;} .letsGoSlice1{background-image:url(../images/mainSite/SL_LetsGoSlice1New.jpg);background-repeat:repeat-y;width:571px;height:50px;} .letsGoSlice2{background-image:url(../images/mainSite/SL_LetsGoSlice2New.jpg);background-repeat:no-repeat;width:603px;height:13px;} .letsGoSlice3{background-image:url(../images/mainSite/SL_LetsGoSlice3New.jpg);background-repeat:repeat-y;width:603px;height:auto; padding-bottom:20px;} .letsGoBottom{background-image:url(../images/mainSite/SL_LetsGoBottomNew.jpg);background-repeat:no-repeat;width:603px;height:14px;} /* CART EMPTY */ .cartEmpty {text-align:center; padding-top:10px;} .postageRed {color:red;} /* NEW SHOPPING LIST */ #shoppingListArea {float:left; width:435px; height:auto; /*margin:-300px 5px 20px 0px;*/} .paperTop{background-image:url(../images/mainSite/paperTop.jpg);background-repeat:no-repeat;width:431px; height:36px;} .paperSlice{min-height:312px;background-image:url(../images/mainSite/paperSlice.jpg);background-repeat:repeat-y;width:431px; height:auto;} .paperBottom{background-image:url(../images/mainSite/paperBottom.jpg);background-repeat:no-repeat;width:431px; height:33px;} .shoppingListRight {float:right; margin-right:15px;} .shoppingListLeft {float:left;} .pointer {color:red; text-align:center; font-size:16px;} table.innerTable {padding:5px 0px 10px 25px;} input.shoppingListAddToList {margin:5px 0px 5px 10px;} /************************** User Login Message **************************/ #loginMessage {font-size:14px;padding:5px 0;font-weight:bold;} /************************** /* FILTER OPTIONS */ /*************************/ .filterOptions {float:right; width:270px; height:auto; margin:15px 0px 75px 0px;} .filterOptions h1 {text-align:center; color:#ec3674;font-size:12px;font-weight:bold;} .shoppingListProductCarousel {width:750px; height:auto; margin-top:0px;} .shoppingListProductCarousel h1 {text-align:center; color:#ec3674;font-size:12px;font-weight:bold;} .filterOptions table#priceOptions {width:280px;margin:10px 0;} .filterOptions table#priceOptions label{color:#F45286;font-weight:bold;width:70px;display:block;float:left;} .filterOptions table#priceOptions input{width:60px;} /******************************* Start Shopping Instructions ********************************/ #startShoppingInstructions {margin-left:10px;} #startShoppingInstructions img {float:left;clear:both;margin:15px 0px;} #startShoppingInstructions #stage1, #startShoppingInstructions #stage2, #startShoppingInstructions #stage3 {width:255px;height:307px;float:left;} #startShoppingInstructions #stage1 {background:url(../images/mainSite/startShopping1.png) no-repeat left;} #startShoppingInstructions #stage2 {background:url(../images/mainSite/startShopping2.png) no-repeat left;} #startShoppingInstructions #stage3 {background:url(../images/mainSite/startShopping3.png) no-repeat left;} #startShoppingInstructions #stage1 div, #startShoppingInstructions #stage2 div, #startShoppingInstructions #stage3 div { height:73px; color:white; text-align:left; font-size:14px; margin-left:40px; margin-top:225px; width:200px;} /* New Hub Select Prompt */ .NewHubSelectContainer {width:690px; height:565px;} .NewHubSelectLeft {float:left; width:25px; height:571px;} .NewHubSelectSlice {background:url(../images/mainSite/hubSelection/NewHubSelectSlice.png) repeat-x; float:left; width:640px; height:571px;} .NewHubSelectRight {float:left; /*25px;*/ height:571px;} .NewHubSelectLogo {margin:10px 0px 0px 0px;} .NewHubSelectBoxNewUsers {width:600px; height:auto; margin:0 auto; text-align:center;} .NewHubSelectBoxNewUsersTitle {font-size:17px; font-weight:bold; color:#E41165; margin:0 0 0 0; text-align:center;} .dynamicContent1 {width:600px; height:auto; text-align:center;} .NewHubSelectBoxReturningUsers {width:600px; height:auto; margin:0 auto; text-align:center;} .NewHubSelectBoxReturningUsersTitle {font-size:18px; font-weight:bold; color:#E41165; margin:5px 0px 0px 0px;} .dynamicContent2 {width:600px; height:auto; text-align:center;} #linkInput {margin:5px auto; /*background-image:url(../images/mainSite/hubSelection/inputBackground2.png);*/ width:195px; height:25px;} .hubSelectInput {border:1px solid #ff3366; width:149px; height:20px; color:#707070; text-align:center;} span.selectHubText {font-size:15px;} .homePageText {/*clear:both;*/float:right; font-size:14px; font-weight:bold; text-align:right; color:#ec3674; padding-right:5px; padding-top:0px; /*height:0px;*/ /* position:relative; top:16px;*/ } .homePageText a {color:#E41165 ! important; text-decoration:none ! important; cursor:pointer ! important;} .homePageText a:hover{color:#000000 ! important;} .tighterLogin {width:480px; padding:0px 0px 20px 44px;} /*************** ** MY ACCOUNT ** ***************/ .myAccountTop{width:770px; height:auto; margin:2px 0px 0px 0px;} .myAccountBottom{ clear:both;width:770px; height:auto; margin:10px 0px 0px 0px;} .myAccountLogo {width:774px; height:auto;} .myAccountIntro { text-align:left; padding:10px; font-size:12px;float:left; } .myAccountIntroRow { color:#ec3674;font-size:13px; } .myDetailsInformation { border:2px solid #EC3677; font-size:12px; padding-left:5px; margin-bottom:15px;} .smallRed {padding:10px 0px 0px 20px ! important; color:red; font-size:12px;} .smallRed a {text-decoration:none; color:red ! important; font-size:12px ! important;} .productDetailsTabsTable2 { position:relative; top:2px; } /***************** *** New Search *** *****************/ .newSearchTop {background:url(../images/mainSite/NewSideNav/SideNavSearchTop.jpg) no-repeat; width:190px; height:40px;} .newSearchSlice {background:url(../images/mainSite/NewSideNav/SideNavSearchSlice.jpg) repeat-y; width:190px; height:21px; padding:7px 0px 7px 0px;} .newSearchBottom {background:url(../images/mainSite/NewSideNav/SideNavSearchBottom.jpg) no-repeat; width:190px; height:8px;} /****************** *** Competition *** ******************/ .competitionContainer {text-align:left; margin:10px 0px 15px 10px; padding:10px; font-size:12px; width:750px; height:auto;} .competitionContainer h2 {font-weight:bold; font-size:13px;} .competitionContainer h2 a {text-decoration:none; color:#ec3674 ! important;} .competitionContainer h2 a:hover {color:#000000 ! important;} .competitionContainer p {padding:7px 0px 7px 0px;} .competitionContainer p a {text-decoration:none; color:#ec3674 ! important;} .competitionContainer p a:hover {color:#000000 ! important;} /**************************************/ /* NAVIGATION */ /**************************************/ ul#navBar { list-style-type:none; background-color:transparent; margin-top:5px; height:34px; z-index:300; position:relative; width:950px; } ul#navBar li.topLevel { float:left; background:url(../images/navTab.png) transparent no-repeat; width:86px; height:39px; line-height:17px; text-align:center; padding-top:5px; } ul#navBar li.topLevelSingle { float:left; background:url(../images/navTab.png) transparent no-repeat; width:86px; height:39px; line-height:39px; text-align:center; } ul#navBar li.topLevel:hover {background-image:url(../images/mainSite/select_toplevel.png);color:#E91B65;} ul#navBar li.topLevelSingle:hover {background-image:url(../images/mainSite/select_toplevel.png);color:#E91B65;} ul#navBar li.topLevel:hover a{color:#E91B65;} ul#navBar li.topLevelSingle:hover a{color:#E91B65;} ul#navBar a.topLevelLinks { width:86px; display:block; height:35px; color:white; font-weight:bold; text-decoration:none; font-size:12px;} ul#navBar a.topLevelLinks:hover {} /*Auto Display - Only used when javascript disabled. This line is disabled when js on @ jquery.js line 41*/ ul#navBar a.topLevelLinks:hover + div.navBarSubList,ul#navBar li.topLevelSingle:hover div.navBarSubList {display:block;} ul#navBar a.topLevelLinks:hover + div.navBarSubList,ul#navBar li.topLevel:hover div.navBarSubList {display:block;} ul#navBar a.topLevelLinks:hover + div.navBarSubListRight,ul#navBar li.topLevelSingle:hover div.navBarSubListRight {display:block;} ul#navBar a.topLevelLinks:hover + div.navBarSubListRight,ul#navBar li.topLevel:hover div.navBarSubListRight {display:block;} ul#navBar li.topLevelSingle div.navBarSubList { /*width:989px;*/ display: none; position: absolute; padding-top:45px; margin-top:3px; /*left:0px;*/ top:-24px; width:550px; margin-left:-35px; /*border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:10px solid #cccccc;*/ /*background-color:#f4fff0;*/ z-index:-1; } ul#navBar li.topLevel div.navBarSubList { /*width:989px;*/ display: none; position: relative; padding-top:45px; margin-top:-32px; left:-25px; top:-28px; width:550px; /*border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:10px solid #cccccc;*/ /*background-color:#f4fff0;*/ z-index:-1; } ul#navBar li.topLevelSingle div.navBarSubListRight { /*width:989px;*/ display: none; position: absolute; padding-top:45px; margin-top:3px; right:440px; top:-24px; width:550px; /*border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:10px solid #cccccc;*/ /*background-color:#f4fff0;*/ z-index:-1; } ul#navBar li.topLevel div.navBarSubListRight { /*width:989px;*/ display: none; position: absolute; padding-top:45px; margin-top:8px; margin-left:-430px; /*right:440px;*/ top:-28px; width:550px; /*border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:10px solid #cccccc;*/ /*background-color:#f4fff0;*/ z-index:-1; } .navBarSubListTopLeft{width:540px;display:block;background-image:url(../images/mainSite/submenu.png);background-position: top left;} .navBarSubListTopRight{width:550px;margin-left:20px;display:block;background-image:url(../images/mainSite/submenu.png);background-position: top right;} .navBarSubListBottomLeft{width:540px;margin-top:-5.0em;display:block;height:70px;background-image:url(../images/mainSite/submenu.png);background-position: bottom left;} .navBarSubListBottomRight{width:550px;margin-left:2.0em;display:block;height:70px;background-image:url(../images/mainSite/submenu.png);background-position: bottom right;} ul#navBar ul.navBarSubListContent { list-style: none;min-height:100px;margin-top:5px;padding-top:10px;line-height:17px;z-index:999; } ul#navBar ul.navBarSubListContent li { height: auto; clear: both; padding:6px; } ul#navBar div.navBarSubList dl { width: 170px; float: left; margin:0px 2px; text-align:left; } ul#navBar div.navBarSubListRight dl { width: 170px; float: left; margin:0px 2px; text-align:left; } ul#navBar div.navBarSubList dl a.sublink:hover {text-decoration:underline;} ul#navBar div.navBarSubList dl a.sublink {font-size:12px;line-height:15px;color:#545453;font-weight:bold;text-decoration:none;} ul#navBar div.navBarSubListRight dl a.sublink:hover {text-decoration:underline;} ul#navBar div.navBarSubListRight dl a.sublink {font-size:12px;line-height:15px;color:#545453;font-weight:bold;text-decoration:none;} ul#navBar div.navBarSubList dl dt a.sublink:hover{text-decoration:underline;} ul#navBar div.navBarSubList dl dt a.sublink{font-size:12px;line-height:15px;color:#545453;font-weight:bold;text-decoration:none;} ul#navBar div.navBarSubListRight dl dt a.sublink:hover{text-decoration:underline;} ul#navBar div.navBarSubListRight dl dt a.sublink{font-size:12px;line-height:15px;color:#545453;font-weight:bold;text-decoration:none;} ul#navBar div.navBarSubList dl dd a.sublink:hover{text-decoration:underline;} ul#navBar div.navBarSubList dl dd a.sublink{font-size:12px;line-height:15px;color:#545453;font-weight:normal;text-decoration:none;} ul#navBar div.navBarSubListRight dl dd a.sublink:hover{text-decoration:underline;} ul#navBar div.navBarSubListRight dl dd a.sublink{font-size:12px;line-height:15px;color:#545453;font-weight:normal;text-decoration:none;} ul#navBar div.navBarSubList dl dd ,ul#navBar div.navBarSubList dl dt {padding-left:8px;} ul#navBar div.navBarSubListRight dl dd ,ul#navBar div.navBarSubListRight dl dt {padding-left:8px;} /***************** *** New Search *** *****************/ .newSearchTop {background:url(../images/mainSite/NewSideNav/SideNavSearchTop.jpg) no-repeat; width:190px; height:40px; margin-top:-3px; text-align:left; } .newSearchSlice {background:url(../images/mainSite/NewSideNav/SideNavSearchSlice.jpg) repeat-y; width:190px; height:21px; padding:7px 0px 7px 0px;} .newSearchBottom {background:url(../images/mainSite/NewSideNav/SideNavSearchBottom.jpg) no-repeat; width:190px; height:8px;} /****************** *** Competition *** ******************/ .competitionContainer {text-align:left; margin:0 0 15px 10px; padding:10px; font-size:12px; width:750px; height:auto;} .competitionContainer h2 {font-weight:bold; font-size:13px;} .competitionContainer h2 a {text-decoration:none; color:#ec3674 ! important;} .competitionContainer h2 a:hover {color:#000000 ! important;} .competitionContainer p {padding:7px 0px 7px 0px;} .competitionContainer p a {text-decoration:none; color:#ec3674 ! important;} .competitionContainer p a:hover {color:#000000 ! important;} /**************** ** Welcome Box ** ****************/ .WBLeft{float:left; height:256px; width:338px;} .WBLeftTop{float:left; height:89px; width:338px;} .WBLeftBottom{float:left; height:21px; width:338px;} .WBLeftSlice {float:left; background:url(../images/mainSite/NewWBLeftSlice.jpg) repeat-y; height:146px; width:338px;} .WBLeftSlice1 {float:left; background:url(../images/mainSite/NewWBLeftSlice.jpg) repeat-y; height:142px; width:338px;} .WBRight{float:left; height:256px; width:437px;} .WBRight1{float:left; height:256px; width:118px;} .WBText {text-align:justify; padding:10px 0px 0px 25px; font-size:13px;} .video {color:#ED3774; font-weight:bold; padding-left:10px;} .video a {text-decoration:none; color:#ED3774; font-weight:bold;} .video a:hover {color:#4F4F4F; font-weight:bold;} .competitionLeft {width:300px; height:250px; float:left;} .competitionRight {width:300px; /*height:250px;*/ float:right; margin:7px 60px 40px 0px;} /****************** * Scroller Styling ******************/ .scrollerLink { color:#FFF; text-decoration:none; } /***************** ** Dynamic Page ** *****************/ .dynamicPageContainer {margin:35px 0px 10px 10px; text-align:left ! important;} .dynamicPageTitle {font-weight:bold; font-size:16px; color:#ec3674; padding:0px 0px 15px 0px;} .dynamicPage {font-size:13px; color:#545453;} /******************** ** Dynamic Content ** ********************/ .dynamicContent {font-size:13px; color:#4F4F4F; text-align:left; } .dynamicContent p {font-size:13px; color:#4F4F4F; text-align:left; padding-left:10px;} .happyBirthdayContainer { color:#ec3674; font-size:20px; margin:15px 0 15px 0; } /******************** ** RECIPES ** ********************/ /*RECIPE NAV BAR*/ div.recipeCategories ul#navBar li:hover {background-image:none;} div.recipeCategories ul#navBar li:hover a {color:white;text-decoration:underline;} #recipeHeader img {float:left;} #recipeHeader div#ingSearch {width:298px;height:322px;background:url(../images/mainSite/recipesSearch.png) no-repeat;float:right;margin-top:2px;} #recipeHeader div#ingSearch form {padding-top:221px;} #recipeHeader div#ingSearch form #ingSearchString {width:161px;height:21px;margin-bottom:10px;padding-top:2px;} #recipeHeader div#ingSearch a {font-size:14px;color:black;text-decoration:none;} /*Recipe List Page*/ #recipeDisplayPane {width:721px !important;} #recipeDisplayPane .recipe .recipeBody {border-left:1px solid #838900;border-right:1px solid #838900;} #recipeDisplayPane .recipe .recipeTop {background:url(../images/mainSite/recipeTop.png) no-repeat;width:720px;height:12px;} #recipeDisplayPane .recipe .recipeBody table {width:710px;margin:0px auto;font-size:12px;color:#c00041;} #recipeDisplayPane .recipe .recipeBody table tr {height:50px;} #recipeDisplayPane .recipe .recipeBody table td p.header {font-weight:bold;padding-bottom:10px;} #recipeDisplayPane .recipe .recipeBase {background:url(../images/mainSite/recipeBase.png) no-repeat;width:720px;height:12px;} .recipeDisplay #productDetailsImage {float:left;margin-top:10px;margin-bottom:15px;} .recipeDisplay #productDetailsImage img:hover{cursor:pointer;} /*Individual Recipe View*/ #recipeDescriptionBlock { float:right; margin-top:11px; width:456px; text-align:left; font-size:14px; } #recipeDescriptionBlock p {margin-top:10px;} #recipeDescriptionBlock .recipeTitle {color:#EC3674;font-weight:normal;font-size:24px;padding-bottom:10px;} #recipeDescriptionBlock .recipeHeading {font-weight:normal;text-align:left;font-size:16px;} .recipeDisplay .recipeContent{clear:both;margin:0 auto;text-align:left;font-size:12px;line-height:16px;width:600px;margin:20px auto;} .recipeDisplay .recipeContent h2 {color:#EC3674;font-weight:normal;font-size:20px;padding-bottom:10px;} div.productCarousel {margin:0 auto;} /* FAQ TOGGLE STUFF */ .trigger {padding: 0 0 10px 5px; /*margin: 0 0 5px 0;*/ height: auto; line-height: 25px ! important; width: auto; font-size: 14px; font-weight: normal; float: left;} .trigger a {letter-spacing:0px; color: #fff; text-decoration: none; display: block;} span.triggerGreen a {padding: 0 0 0 5px; letter-spacing:0px; color: #919D11 ! important; text-decoration: none; display: block;} span.triggerGreen a:hover {color: #91BD11 ! important;} .trigger a:hover {color: #ccc;} .active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/ .toggle_container_top {height:20px;} .toggle_container {margin: 0px 0px 0px 0px; padding: 0px; width: auto; clear:both;} .toggle_containerCounter {margin: 0px 0px 0px 0px; padding: 0; background: url(../images/mainSite/toggleSlice2.jpg) repeat-y left top; overflow: hidden; width: 770px; clear: both;} .toggle_containerCounter .block {padding:0px 0px 20px 20px; background: url(../images/mainSite/toggleBottom2.jpg) no-repeat left bottom;} .toggle_containerCounter .block p {color:#4F4F4F; font-size:13px;} .toggle_container .block {padding:0px 20px 0px 20px; background: url(../images/mainSite/toggleBottom2.jpg) no-repeat left bottom;} .toggle_container .block p {color:#4F4F4F; font-size:12px;} /* SHOPPING LIST TOGGLE STUFF */ h2.triggerSL {/*padding: 0 0 105px 5px; height: 30px;*/ width: auto;} .toggle_containerSL {width: 700px; clear: both; text-align:justify;} /* TESTIMONIAL */ .testimonial {line-height:19px; width:700px; height:auto; padding:10px 0 10px 10px; font-weight:normal; font-size:12px; color:#4F4F4F;} .testimonial .testimonialCustomer {float:right; margin-bottom:10px; font-weight:bold; text-align:left;} /*Display Product Details - attributes*/ .DPD_mailOrder {position:relative; top:-297px; left:5px;} .DPD_specialOffer {position:relative; top:-301px; left:222px;} .DPD_newProduct {position:relative; top:-301px; left:221px;} /* Sub Cat Breadcrumb List */ .SubCatBar ul{ margin: 0; padding: 0; cursor: default; list-style-type: none; display: inline; } .SubCatBar ul li{ color:#4F4F4F; display: table-cell; position: relative; padding:6px 20px 0px 2px; font-size:10px; font-weight:normal;} .SubSubCatBar ul{ margin: 0; padding: 0; cursor: default; list-style-type: none; display: inline; } .SubSubCatBar ul li{display: table-cell; position: relative; padding:6px 20px 0px 2px; font-size:10px; font-weight:normal;} .breadcrumb td {text-align:center; width:80px ! important;} .breadcrumb {height:30px; vertical-align:middle;} .flfVideoContainer { position:relative;top:5px;width:776px;height:555px; }/* Designed By */ .designedBy {color:#ffffff; width:225px; float:left; padding-top:2px; font-size:11px;} .designedBy a {text-decoration:none; color:#ffffff;} .designedBy a:hover {color:#4F4F4F;} /******************** ** REGISTRATION ** ********************/ .registration input {padding:2px !important;margin:0px !important;} .registration #regBasic {width:348px;} .registration #regBasic .header {background: url(../images/mainSite/regBasicTop.jpg) no-repeat ;width:348px;height:39px;} .registration #regBasic .body {background: url(../images/mainSite/regBasicSlice.jpg) repeat-y ;} .registration #regBasic .body table {margin-bottom:0px;} .registration #regBasic .body table th {padding-right:10px;} .registration #regBasic .footer {background: url(../images/mainSite/regBasicBase.jpg) no-repeat ;width:348px;height:13px;} .registration #regDelInfo {width:706px;} .registration #regDelInfo .header {background: url(../images/mainSite/regDelTop.jpg) no-repeat ;width:706px;height:51px;} .registration #regDelInfo .body {background: url(../images/mainSite/regDelSlice.jpg) repeat-y ;} .registration #regDelInfo .body table {margin-bottom:0px;} .registration #regDelInfo .body table th {color:white !important;} .registration #regDelInfo .footer {background: url(../images/mainSite/regDelBase.jpg) no-repeat ;width:706px;height:14px;} /* SIDE BAR */ .competition { margin-top:-3px;position:relative;left:4px;width:179px;border-left:2px solid #F35286;border-right:2px solid #F35286; } .flfDelicious { margin-top:-3px;position:relative;left:4px;width:179px;border-left:2px solid #F35286;border-right:2px solid #F35286; }