body {background-color:#364327; font-family:Arial, Sans-Serif; font-size:12px} /* body {background:url('https://img.crocdn.co.uk/images/affiliates/crocus/christmas/background-christmas.jpg?v2') repeat-x left top; background-color:#cfcbc3; font-family:Arial, Sans-Serif; font-size:12px} body#christmas {background:url('https://img.crocdn.co.uk/images/affiliates/crocus/christmas/background-christmas.jpg?v2') repeat-x left top; background-color:#cfcbc3;} */ /* clearing --------------*/ .x:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .x { height: 1%; } *:first-child+html .x { min-height: 1px; } .ClearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ClearFix { !display: inline-block; !zoom: 1; !display: block; } .clear {clear: both;} .clear-odd:nth-child(odd) {clear: both;} /* -----------------------*/ /* HEADER */ header {background-color:#fff; width:100%; color:#d5df2d;} header .header-container {width:960px;padding:10px 0 14px 0; margin:0 auto; height:60px;} header .crocus-logo {display: block; float: left;} /* Christmas modifications start */ /* header .crocus-logo img {display:none;} header .crocus-logo {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/crocus-gardening-website-of-the-year-2014-christmas.png) no-repeat left top; width: 320px; height: 65px;} #christmas header .crocus-logo img {display:none;} #christmas header .crocus-logo {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/crocus-gardening-website-of-the-year-christmas.png) no-repeat left top; width: 307px; height: 65px;} */ /* Christmas modifications end */ header .Search-box-header {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/home/search-box-background.png) no-repeat left top; width: 314px; height: 28px; float: left; position: relative; padding: 1px 2px 1px 1px; font-size: 14px; margin: 10px 0px 0px 15px;} header .Search-box-header input {background: none; height: 19px; border: none; padding: 2px 0px 0px 10px; width: 215px; color: #6c6c6c; float: left;} header .Search-box-header input:focus {outline: 0;} header .Search-box-header .search-but {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/home/search-button.png) no-repeat left top; width: 61px; height: 26px; float: right; z-index: 20; position: relative; padding: 0px; cursor: pointer; text-indent: -9999px;} header .ac_results ul {width: 319px; background: #fff; z-index:10000; border: 1px solid #E8E8E7; border-top: none; padding: 10px;} header .ac_results li {margin-bottom: 5px;} header .ac_results img {width: 25px; margin-right: 5px; float: left;} header .ac_results a {line-height: 24px; color: #6c6c6c; text-decoration: none;} header .ac_results a:hover {text-decoration: underline;} .ui-menu .ui-menu-item {background-color: #fff; z-index: 9000;} .ui-menu .ui-menu-item a {cursor:pointer;} .ui-menu .ui-menu-item a:hover {border:0; margin:0; padding:.2em .4em; } header .my-crocus-container {width:95px; float:left; margin:12px 5px 0 15px;} header .my-crocus-container a {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/home/my-crocus-icon.png) no-repeat left top; font-family: 'Open Sans', sans-serif; color: #364327; font-size: 13px; padding-left:20px;} header .right-header {width: 195px; float: right; margin-top:10px;} header .right-header .my-crocus-but {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/home/MyCrocusBut.png) no-repeat left top; width: 111px; height: 23px; display: block; margin: -10px 0px 5px 83px; position: relative;} .Wheelbarrow-Dropdown {background: #fff; position: absolute; top: 65px; border: 2px solid #d6d6d6; padding: 10px 13px; width: 210px; z-index: 999; color: #575757;display:none;} .Wheelbarrow-Dropdown h4 {font-weight: bold; font-size: 14px; margin-bottom: 5px;} .Wheelbarrow-Dropdown .roll-up,.Wheelbarrow-Dropdown .roll-down {display: block; background: #e0dfd3 url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/Wheelbarrow-button.gif) no-repeat center top; border: 1px solid #868686; height: 16px;} .Wheelbarrow-Dropdown .roll-down {background-position: center bottom;} .Wheelbarrow-Dropdown .roll-up:hover,.Wheelbarrow-Dropdown .roll-down:hover {background-color: #cdccc2;} .Wheelbarrow-Dropdown .content-dropdown {height: 390px; overflow: hidden; margin: 5px 0px; position:relative;} .Wheelbarrow-Dropdown .txt-dropdown {margin: 0px 20px 0px 80px; line-height: 18px;} .Wheelbarrow-Dropdown .txt-dropdown a {color: #8d9844;} .Wheelbarrow-Dropdown .txt-dropdown a:hover {text-decoration: underline;} .Wheelbarrow-Dropdown .Total {font-weight: bold; font-size: 14px; text-align: center; color: #000000; margin: 10px 0px 5px 0px;} .Wheelbarrow-Dropdown .goto-checkout-button {display: block; background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/GotoCheckout-But.gif) no-repeat left top; width: 176px; height: 34px; margin-left: 20px;} .Wheelbarrow-Dropdown .goto-checkout-button:hover {background-position: left -34px;} .item-dropdown {border-bottom: 1px solid #d6d6d6; padding: 5px 0px; overflow:hidden; cursor: pointer;} .item-dropdown.latest { background-color: gray;} .item-dropdown-hover {background: #f5f5f5;} .item-dropdown .img-dropdown {display: block; float: left;} .item-dropdown .img-dropdown img {width: 66px;} .item-dropdown .close-item {display: block; background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/CloseButton.gif) no-repeat left top; width: 17px; height: 13px; float: right;} .jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;} .jcarousel-skin-tango .jcarousel-container-vertical { padding: 25px 0px 30px 0px;} .jcarousel-skin-tango .jcarousel-clip {overflow: hidden;} .jcarousel-skin-tango .jcarousel-clip-vertical {width: 210px;height: 380px;} .jcarousel-skin-tango .jcarousel-item {width: 210px;height:76px;} .jcarousel-skin-tango .jcarousel-item-vertical { height:76px;} .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000;} .jcarousel-skin-tango .jcarousel-next-vertical {position: absolute; bottom: 5px; left: 0px; width: 208px; cursor: pointer; display: block; background: #e0dfd3 url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/Wheelbarrow-button.gif) no-repeat center bottom; border: 1px solid #868686; height: 16px;} .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 0px; width: 208px; cursor: pointer; display: block; background: #e0dfd3 url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/Wheelbarrow-button.gif) no-repeat center top; border: 1px solid #868686; height: 16px;} a#join-club { float: right; padding-top: 10px; margin-bottom: 5px;} /* Begin wheelbarrow navigation */ nav {width: 100%; padding:0; height:38px; border-bottom:1px solid #e7e7e7;} nav .WheelbarrowNavigation {display:none;} #wheelbarrow nav .WheelbarrowNavigation {display:block; width:960px; margin:0 auto;} #wheelbarrow nav .SiteNavigation {display:none;} nav ul.WheelbarrowNavigation li {float:left; height:38px; background:url('https://img.crocdn.co.uk/images/affiliates/crocus/menu-separator-40.png') no-repeat right center; padding-right:2px; position: relative; z-index: 2; } nav ul.WheelbarrowNavigation li a {display:block; padding:8px 11px;} nav ul.WheelbarrowNavigation li.link a {background:url('https://img.crocdn.co.uk/images/affiliates/crocus/menu-green-bg.png') repeat-x; color: #fff; font-size: 14px; height: 22px; line-height: 22px;} nav ul.WheelbarrowNavigation li.link a:hover {background:url('https://img.crocdn.co.uk/images/affiliates/crocus/menu-green-bg-hover.png') repeat-x; color: #fff; font-size: 14px;} nav ul.WheelbarrowNavigation li#first a {background:none; background:url('https://img.crocdn.co.uk/images/affiliates/crocus/menu-home-bg.png') no-repeat; padding:0 10px 0 10px; height:38px;} nav ul.WheelbarrowNavigation li#first a img {padding-top:7px;} nav .WheelbarrowNavigation li.text {line-height:38px; background:url('https://img.crocdn.co.uk/images/affiliates/crocus/menu-green-bg.png') repeat-x left top; width: 766px;} nav .WheelbarrowNavigation li.text span {color: #eaeeaf;} nav .WheelbarrowNavigation li#last {background:url('https://img.crocdn.co.uk/images/affiliates/crocus/menu-last-bg.png') repeat-x left top; width: 41px; height: 38px; padding-right:0;} nav .WheelbarrowNavigation li.text .mail-nav {background: url('https://img.crocdn.co.uk/images/affiliates/crocus/mail-nav.png') no-repeat left center; margin-left: 35px; float: right; color: #fff; font-size: 14px; padding: 0px 0px 0px 33px;} nav .WheelbarrowNavigation li.text .mail-nav:hover {text-decoration: underline;} nav .WheelbarrowNavigation li.text .help {background: url('https://img.crocdn.co.uk/images/affiliates/crocus/help-icon.png') no-repeat left center;float: right; color: #fff; font-size: 14px; padding-left: 33px;} .secure {font-size: 18px; color: #fff; margin-top: 22px;margin-left:60px;} /* End wheelbarrow navigation */ /* Begin text navigation bar styling */ #mainnav {width:960px; margin:0 auto; padding:0; background-color: #ffffff;} ul#mainnav {list-style-type:none;} #mainnav li {float: left;} nav li#menuhome a { background: url('https://img.crocdn.co.uk/images/affiliates/crocus/main-menu/home-icon-outline.png') no-repeat; width:42px; height:33px; padding: 2px 0 3px 0; text-indent:-9999px;} nav ul#mainnav li#menuhome a:hover { background-color: #e7e6e0; } #mainnav li a { display: block; height:22px; padding: 10px 15px 6px 15px; text-decoration: none; font-family: 'Open Sans', sans-serif; font-weight:normal; font-size:15px; color: #364327; } #mainnav li a:link, #mainnav li a:visited { color: #364327; background-color: #ffffff; } #mainnav li a:hover {background-color: #e3e2db;} #mainnav li a:active {color: #364327; background-color: #e3e2db;} #mainnav li.separator {background-color:#c2c2c2; width:1px; height:10px; margin-top:12px;} /* End text navigation bar styling. */ #universal-banner {width:960px; margin:0 auto; padding:2px 0 0 0; height:32px; background-color:#ffffff;} #wheelbarrow #universal-banner {display:none;} /* HOMEPAGE SUB NAVIGATION */ /* .submenu {width:925px; height:32px; padding-top: 8px; background-color:#ffffff;margin:-13px auto 18px auto; text-align:center;} .submenu .submenu-item { padding:0; float:left; text-align:center;} .submenu .submenu-item1 {width:191px;} .submenu .submenu-item2 {width:297px;} .submenu .submenu-item3 {width:210px;} .submenu .submenu-item4 {width:225px;} .submenu .submenu-item a {font-size: 14px; font-weight: normal; line-height: 16px; color: #737373;} .submenu .submenu-item a:hover { color: #afafaf;} .submenu .submenu-divider {background:url('https://img.crocdn.co.uk/images/affiliates/crocus/submenu-divider.png') no-repeat;display:block;width:2px;height:9px; float:left; margin: 4px 8px;} */ .submenu {width:100%; height:40px; background-color:#f9f9f9; margin: 0 auto; margin-bottom:5px;} .align-center {width:848px; margin:0 auto; display:block;} .submenu-item {float:left; width:228px; background-color:#f9f9f9; margin-bottom:5px; padding: 0 5px;} .submenu-item1 {width:210px;} .submenu-item2 {width:190px;} .submenu-item3 {width:180px;} .submenu-item img {float:left; padding-left:10px; padding-right:5px; padding-top:10px;} .submenu-item h3 {font-family: 'Open Sans', sans-serif; font-weight:normal; font-size:12px; float:left; padding-top:14px;} /* END OF HOMEPAGE SUB NAVIGATION */ /* HOMEPAGE SLIDER */ #container-slider {width:932px;height:242px;padding:0;margin:0 auto 10px auto;position:relative;z-index:0;} #container-slider #home-slider {width:745px;height:242px;position:relative;float:left;} #container-slider #slides {position:absolute;top:0;left:0;z-index:100;} #home #container-slider .slides_container {width:745px;overflow:hidden;position:relative;display:none;} #home #container-slider .slides_container a {width:745px;height:242px;display:block;} #container-slider .slides_container a img {display:block;} #container-slider .pagination {margin-top:-20px;margin-bottom:-10px;position: absolute;z-index: 105;background-color:#ffffff;text-align:center;height:10px;padding:8px;left: 50%; margin-left: -25px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} #container-slider .pagination li {float:left;margin:0 1px;list-style:none;} #container-slider .pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(https://img.crocdn.co.uk/images/affiliates/crocus/pagination.png);background-position:0 0;float:left;overflow:hidden;} #container-slider .pagination li.current a {background-position:0 -12px;} #container-slider #right_content {width:187px;float:left;} #container-slider #right_content .right_content_body , #container-slider #right_content .right_content_header {padding-left:15px;} #container-slider #right_content .right_content_body {padding-top:5px;} #container-slider #right_content .right_content_body .right_content_body_image {width:64px;float:left;display:block;padding:0 5px 0 0;margin:0;} #container-slider #right_content .right_content_body p {color: #4e4e4e; line-height: 18px;} #container-slider #right_content .right_content_body a {color: #8b9927; text-decoration:underline; font-size:14px;} #container-slider #right_content .right_content_body a:hover {text-decoration:none;} #inspiration #container-slider .next, #inspiration #container-slider .prev {display:block;border: 0; cursor: pointer;height: 60px;width: 25px;text-indent: -9999px;z-index: 110;opacity: 0.6;} #inspiration #container-slider .next {background: url("https://img.crocdn.co.uk/images/affiliates/crocus/ad_scroll_forward.png") no-repeat scroll center center transparent;position: absolute; left:585px; top:116px;background-color:#ffffff;} #inspiration #container-slider .prev {background: url("https://img.crocdn.co.uk/images/affiliates/crocus/ad_scroll_back.png") no-repeat scroll center center transparent;position: absolute; left:0; top:116px;background-color:#ffffff;} #inspiration #container-slider a:hover.next, #inspiration #container-slider a:hover.prev {opacity: 1;} #inspiration #container-slider .pagination {display:none;} /* END OF HOMEPAGE SLIDER */ /* PAGE SLIDER (extends to full width of page) */ #container-slider #page-slider {width:931px;height:242px;position:relative;} #container-slider .slides_container {width:931px;overflow:hidden;position:relative;display:none;} #container-slider .slides_container a {width:931px;height:242px;display:block;} /* END OF PAGE SLIDER */ /* INSPIRATION SLIDER */ #inspiration #container-slider {width:610px;height:310px;margin:0 0 10px 0;} #inspiration #container-slider #inspiration-slider {width:610px;height:310px;position:relative;display:block;} #inspiration #container-slider .slides_container {width:610px;overflow:hidden;position:relative;display:none;} #inspiration #container-slider .slides_container a {width:610px;height:310px;display:block;} /* CHRISTMAS SLIDER */ .christmas #container-slider {width:289px;height:285px;margin:0 0 10px 0;border: 1px solid #d9d9d9;} .christmas #container-slider #inspiration-slider {width:289px;height:250px;position:relative;display:block;} .christmas #container-slider .slides_container {width:289px;overflow:hidden;position:relative;display:none;} .christmas #container-slider .slides_container a {width:289px;height:250px;display:block;} .christmas #container-slider .next, .christmas #container-slider .prev {display:block;border: 0; cursor: pointer;height: 60px;width: 25px;text-indent: -9999px;z-index: 110;opacity: 0.6;} .christmas #container-slider .next {background: url("https://img.crocdn.co.uk/images/affiliates/crocus/ad_scroll_forward.png") no-repeat scroll center center transparent;position: absolute; left:264px; top:53px;background-color:#dcdcd0;} .christmas #container-slider .prev {background: url("https://img.crocdn.co.uk/images/affiliates/crocus/ad_scroll_back.png") no-repeat scroll center center transparent;position: absolute; left:0; top:53px;background-color:#dcdcd0;} .christmas #container-slider a:hover.next, .christmas #container-slider a:hover.prev {opacity: 1;} .christmas #container-slider .pagination {display:none;} /* CHRISTMAS */ .christmas .in-store .bg-box {padding:0;} .christmas .in-store, .christmas .right-panel {margin-top:10px;} .christmas .left-panel {width:630px; float:left; clear:both; margin:0; padding:0;} .christmas .in-store {width:626px;} .christmas .in-store .Bg-Thumb {border:none;width:135px;background-color:#f9f9f9;padding: 6px 7px 0 7px;} .christmas .in-store .Bg-Thumb img {width:135px;height:128px;} .christmas .in-store .Bg-Thumb p a {font-weight:normal;font-size:15px;color:#3b4346;} .christmas .in-store .Bg-Thumb p {padding-bottom:0;} .christmas .in-store ul li {padding:3px 3px 0 3px;} .christmas .in-store ul li.last {padding:3px 0 0 3px;} .christmas .right-panel {width:291px;float:left;margin-left:9px; padding:0;} .christmas .right-panel .gift-vouchers {border: 1px solid #d9d9d9; width:289px;height:271px;} .christmas .right-panel .right-promotion {margin-bottom:9px;} .christmas .christmas-footer {margin: 0 0 10px 0; width:630px;} .christmas .christmas-footer .left-offer {width:312px; float:left; margin: 0 6px 25px 0;} .christmas .christmas-footer .middle-offer {width:312px; float:left; margin: 0 0 25px 0;} /* CHRISTMAS 2014 */ #christmas #hero-left {width:489px; float:left; margin-right:13px;} #christmas #hero-right {width:430px; float:left;} #christmas #hero-right #last-orders {width:423px; height:57px;} #christmas #hero-right #category-links {margin-top:15px; height:180px;} #christmas #hero-right #category-links ul {padding:0; margin:0; width:195px; float:left;} #christmas #hero-right #category-links ul li a {color:#404040; font-size:16px; line-height:28px; width:172px; padding-right:25px; background: url('https://img.crocdn.co.uk/images/affiliates/crocus/christmas/category-links-arrow.png') no-repeat right center; display:block; text-align:right;} #christmas #hero-right #category-links ul.first {margin:0 5px 0 10px;} #christmas #hero-right #gift-finder-box {background: url('https://img.crocdn.co.uk/images/affiliates/crocus/christmas/gift-finder-box.jpg') no-repeat left top; width:412px; padding-left:12px; height:236px;} #christmas #hero-right #gift-finder-box h4 {padding:45px 0 0 0; font-size:18px; line-height:22px; color:#fff;} #christmas #hero-right #gift-finder-box h5 {padding:8px 0 0 0; font-size:16px; line-height:20px; color:#fff;} #christmas #hero-right #gift-finder-box select {width:231px;} #christmas #hero-right #gift-finder-box p.btn-find-me-a-gift {padding-top:10px;} #christmas #christmas-titles img {padding:10px 0;} #christmas #christmas-showcase a {font-size:14px; color:#5e5e5e; line-height:16px;} #christmas #christmas-showcase-left {width:495px; float:left; margin-right:6px; border-right:1px solid #cccccc; text-align:center;} #christmas #christmas-showcase-right {width:430px; float:left; text-align:center;} #christmas #christmas-showcase-right img {margin-bottom:10px;} #christmas #christmas-showcase-left img {margin-bottom:5px;} #christmas #christmas-showcase #christmas-offering-left {width:230px; float:left; margin-right:18px;} #christmas #christmas-showcase #christmas-offering-right {width:240px; float:left;} #christmas #christmas-showcase .christmas-category {margin-bottom:6px;} #christmas #christmas-showcase .christmas-product {margin-bottom:12px;} #christmas #christmas-showcase #christmas-offering-narrow {width:204px; float:left;} #christmas #christmas-showcase .first {margin-right:21px;} #christmas #christmas-banner-gift-wrap {margin:10px 0;} #christmas #special-offers .offers-department {width:933px;border: 1px solid #a97858;} #christmas #special-offers .offers-department .offers-department-title-banner {width:933px; background: #a97858 url('https://img.crocdn.co.uk/images/affiliates/crocus/christmas/background-christmas-best-sellers.jpg') no-repeat left top;} #christmas #special-offers .offers-department .offers-department-offer .offers-department-price {width:140px; text-align:center; padding:0;} /* SUB NAVIGATION */ .sub-nav, .sub-nav-last {position:absolute; left:0px; top:40px; background:#F9F9F9; width:592px; padding:5px 0px; -moz-border-radius:0px 0px 15px 15px; -webkit-border-radius:0px 0px 15px 15px; behavior:url("css/PIE.htc"); border-radius:0px 0px 15px 15px; display:none; } .sub-nav ul { float: left; width: 180px; padding: 15px 5px 15px 5px; } .sub-nav-last ul { float: left; width: 137px; padding: 15px 5px 15px 5px;} .sub-nav .border-sub, .sub-nav-last .border-sub {border-left: 1px solid #ececec;} .sub-nav ul li, .sub-nav-last ul li {float: none; background: none; margin-bottom: 5px; height: auto; padding: 0px;} nav .sub-nav ul li a, nav .sub-nav-last ul li a {background: none; color: #4b4b4b; line-height: 18px; display: inline-block; text-decoration: none; padding: 0 8px 0 8px; width: 170px;} nav .sub-nav-last ul li a {width: 110px;} nav .sub-nav ul li a:hover, nav .sub-nav-last ul li a:hover {background: #d1d1d1;} nav .sub-nav ul li h4, .sub-nav ul li h4 a, nav .sub-nav-last ul li h4, .sub-nav-last ul li h4 a {color: #868d30; font-size: 12px; font-weight: bold;} nav .sub-nav ul li h4 a:hover, nav .sub-nav-last ul li h4 a:hover {background: none;} /* END OF SUB NAVIGATION */ /* MAIN SECTION */ .main {background-color:#ffffff; min-height:200px;} .main-content {padding: 0px;} .main-content-background {width:960px;margin:0px auto;background-color:#ffffff;} .main-content-padding {padding:0 14px;width:932px;} #breadcrumb {padding:10px; width:940px;margin:0 auto; background-color:#ffffff; font-size: 14px;} #breadcrumb a {padding:0 5px; text-decoration: underline;color: #2e6e93;} #breadcrumb a:hover {text-decoration: none;} #breadcrumb .current {font-weight: bold;} #home #breadcrumb, #wheelbarrow #breadcrumb {display:none;} .wholesale #header-image {position:relative;} .wholesale #header-image #overlay {position:absolute;left:20px;bottom:7px;background:url('https://img.crocdn.co.uk/images/affiliates/crocus/main-header-overlay.png'); width:404px;height:28px;color:#fff; line-height:28px; padding-left:5px;} .wholesale .wholesale-content {padding: 20px 0px 20px 0;} .wholesale-content .left-wrap {float:left; width:620px; border-right:1px solid #e6e6e6;padding-bottom:20px;} .wholesale-content .left-wrap h1 {font-size:24px; color:#9aa92d; padding:0px 0px 10px 0px;} .wholesale-content .left-wrap p {font-size:14px;line-height:18px; color:#454545; margin-bottom: 15px;} .wholesale-content .left-wrap .content-left {padding-bottom: 10px;} .wholesale-content .left-wrap .content-left .img {display: block; float: left; width: 150px;} .wholesale-content .left-wrap .content-left .img img {width: 150px;} .wholesale-content .left-wrap .content-left p {float: left; width: 442px; margin: 0px 0px 0px 15px;} .wholesale-content .left-wrap .content-left p a {color: #9aa92d; text-decoration: none;} .wholesale-content .left-wrap .content-left p a:hover {text-decoration: underline;} .wholesale-content .left-wrap .video-wrap {padding: 20px 0px 0px 0px;} .wholesale-content .left-wrap .video-wrap h1 {margin-bottom: 20px;} .wholesale-content .left-wrap .video-wrap .product {width: 160px; float: left; margin-right: 55px;} .wholesale-content .left-wrap .video-wrap .product .video {margin-bottom: 5px;} .wholesale-content .left-wrap .video-wrap .product a {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/tv.png) no-repeat left top; padding-left: 25px; color: #055980; font-size: 14px; line-height: 18px; text-decoration: underline; display: block;width: 270px;} .wholesale-content .right-wrap .product a {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/tv.png) no-repeat left top; padding-left: 25px; color: #055980; font-size: 14px; line-height: 18px; text-decoration: underline; display: block;} .wholesale-content .left-wrap .video-wrap .product a:hover {text-decoration: none;} .wholesale-content .left-wrap .video-wrap .last {margin-right: 0px;} .wholesale .wholesale-content .right-wrap {float: left; width:290px; padding: 0px 0px 0px 15px;} .wholesale-content .right-wrap {float: left; width:290px; padding: 0px 0px 0px 15px;} .wholesale-content .right-wrap h1 {font-size: 22px; color:#9aa92d; padding:0px 0px 10px 0px;} .wholesale-content .right-wrap p {color: #2e2e2e; line-height: 18px; margin-bottom: 10px;} .wholesale-content .right-wrap .top-content-right {margin-bottom: 20px;} .wholesale-content .right-wrap .top-content-right img {display: block; float: left; width: 52px;} .wholesale-content .right-wrap .top-content-right h4 {margin: 0px 0px 0px 63px; font-size: 14px; font-weight: bold; color: #383838; margin-bottom: 5px;} .wholesale-content .right-wrap .top-content-right p {margin: 0px 0px 0px 63px;} .wholesale-content .right-wrap .top-content-right a {color: #0ba2c2; text-decoration: none;} .wholesale-content .right-wrap .top-content-right a:hover {text-decoration: underline;} .wholesale-content .right-wrap .content-right { margin-bottom: 5px;} .wholesale-content .right-wrap .content-right img {display: block; float: left; width: 116px;} .wholesale-content .right-wrap .content-right h4 {margin: 0px 0px 0px 130px; font-size: 14px; font-weight: bold; color: #383838; margin-bottom: 20px;} .wholesale-content .right-wrap .content-right p {margin: 0px 0px 10px 130px;} .wholesale-content .right-wrap .content-right p strong {font-weight: bold;} .wholesale-content .right-wrap .content-right a {color: #0ba2c2; text-decoration: none;} .wholesale-content .right-wrap .content-right a:hover {text-decoration: underline;} /* END Of MAIN SECTION */ /* FOOTER */ footer {background-color:#9c988d; position:relative; color:#ffffff; width:920px; padding:10px; padding-left:30px; margin:0 auto; } footer a#top {position:absolute; left:434px; bottom:-15px; width:46px; height:46px; background:url('https://img.crocdn.co.uk/images/affiliates/crocus/top-btn.png');} footer a#top:hover {background:url('https://img.crocdn.co.uk/images/affiliates/crocus/top-btn-hover.png');} footer #footer-social-icons {width: 92px;height:250px;float:right;display:block;z-index:1000;} footer #footer-social-icons .FacebookICon {background: url('https://img.crocdn.co.uk/images/affiliates/crocus/find-us-on-fb.png'); width: 92px; height: 27px;z-index:1000;float:right;margin-bottom:10px;} footer #footer-social-icons .TwitterICon {background: url('https://img.crocdn.co.uk/images/affiliates/crocus/follow_us_twitter.png'); width: 92px; height: 28px;z-index:1000;float:right;margin-bottom:10px;} footer #footer-social-icons .PinterestICon {background: url('https://img.crocdn.co.uk/images/affiliates/crocus/pinterest-logo.png'); width: 92px; height: 23px;z-index:1000;float:right;margin-bottom:10px;} footer #footer-social-icons .PlantGenieICon {background: url('https://img.crocdn.co.uk/images/affiliates/crocus/plant-genie.jpg'); width: 92px; height: 85px;z-index:1000;float:right;} footer ul li {float: left; width: 180px;} footer ul li.Last {width: 285px;} footer ul li h5 {font-weight: bold; margin-bottom: 15px; font-size: 13px;} footer ul li a {display: block; line-height: 18px; color: #fff; text-decoration: none;} footer ul li a.email-link {display:inline;} footer ul li a:hover {text-decoration: underline;} footer .copyright {position: absolute; right: 10px; bottom: 10px;} footer .contact-number {font-size:18px;} /* END OF FOOTER */ /* SEARCH RESULTS */ #results_plants #content_main {margin:0;} .search-results .pagination a {background-color:#fff; color: #9fa439; text-decoration: none; padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #9fa439;} .search-results .pagination a:hover {color: #fff; background-color:#364327; } .search-results .pagination .current {font-weight: bold; background-color: #364327; color: #FFF; padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #000099;} .search-results .pagination .disabled {background-color:#f6f7ed; color: #364327; padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE;} .search-results {padding:5px 0 26px 0; width:930px; } .search-results h1 { font-size: 24px; font-weight: bold; color: #000; margin: 0 0 15px 15px;} .search-results h2 { font-size: 18px; font-weight:normal; line-height: 22px; color: #999f37; } .search-results #results-title-inner p {margin-left:15px;} .search-results .results-plant-discount-banner {float:right; width:355px; margin:-20px 0 -10px 0;} .search-results .total-results-container {clear:left;} .search-results #filters {width:167px; float:left; margin:0 10px 0 -5px; background-color:#edf5f5; padding:5px;} .search-results #filters .selections-panel {background-color:#9faaaa; color:#ffffff; margin: -5px -5px 0 -5px;} .search-results #filters #refine-search { font-weight: bold; font-size: 16px; color:#333333;} .search-results #filters .selections-title {float:left;width:104px;height:19px;padding-left:5px;} .search-results #filters .selections-title h3 {color:#ffffff;} .search-results #filters .selections-clear {float:left; width:60px; margin:7px 0; height:19px; display:block; border:1px solid #ffffff;text-align: center;} .search-results #filters a.clear-selections {font-weight:normal; color:#ffffff; text-decoration:none;padding:5px;} .search-results #filters a.clear-selections:hover {text-decoration:none;} .search-results #filters h3 {font-weight:bold; color:#5c8324; font-size:12px; margin:13px 0px 10px; text-transform:uppercase;} .search-results #filters a#otherCharacteristicsFacetsTitle, .search-results #filters a#whatsYourStyleFacetsTitle, .search-results #filters a#saleFacetsTitle, .search-results #filters a#allSaleTitle {font-weight:bold; color:#5c8324; font-size:12px; text-transform:uppercase;} .search-results #filters a#saleFacetsTitle, .search-results #filters a#allSaleTitle {color: white; background-color: #BD0000; padding-top: 3px; padding-bottom: 3px; padding-right: 3px; display: block; width: 169px; margin-left: -5px; padding-left: 4px;} .search-results #filters h3#first {color:#616161; font-size:12px; margin-top:18px;} .search-results #filters a {color:#6b6b6b; margin: 4px 0; line-height:20px; } .search-results #filters ul {padding: 0;} .search-results #filters ul a { padding: 0 15px 0 0; display: block;} .search-results #filters ul a.selected {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/arrow-collap-right-green.png) no-repeat 152px center; } .search-results #filters h3 ul a.selected {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/arrow-collap-right-blue.png) no-repeat 152px center; } .search-results #filters ul a.selected#saleFacetsTitle, .search-results #filters ul a.selected#allSaleTitle {background-image: url(https://img.crocdn.co.uk/images/affiliates/crocus/arrow-collap-right-inv.png); background-repeat: no-repeat; background-position: 150px center; } .search-results #filters ul li ul li a {display:block;margin:0;padding:2px 20px 2px 8px;} .search-results #filters ul li ul li {border:none;} .search-results #filters ul li ul li ul li a {display:block;margin:0;padding-left:16px;} .search-results #filters ul a:hover {text-decoration:underline;} .search-results #filters ul li ul { display: none; } .search-results #filters li {border-bottom-style: dotted; border-width: 1px; border-color: #d2dada;} .search-results #filters h3 li, .search-results #filters ul.selectedAttributes li, .search-results #filters ul#selectedCategories li {border:none;} .search-results #filters .checkboxes ul li {margin-left:0px; font-weight:normal; list-style-image:none;} .search-results #filters .checkboxes {color:blue; margin-top: 0px;} .search-results #filters #otherCharacteristicsFacets, .search-results #filters #whatsYourStyleFacets, .search-results #filters #saleFacets, .search-results #filters #allSaleFacets { display: none; } .search-results #filters #selectedCategories {line-height:18px; padding: 0px;} .search-results #filters #selectedCategories a{margin: 0; font-weight:bold; background-color:#9faaaa; color:#fff; padding: 2px 23px 2px 5px; background-image: url(https://img.crocdn.co.uk/images/affiliates/crocus/btn-remove-choices.png); background-repeat: no-repeat; background-position: 158px 5px; display:block; } .search-results #filters ul.selectedAttributes {padding: 0px;} .search-results #filters ul.selectedAttributes li a { color: white; margin:0; font-weight:bold; background-color:#9faaaa; color:#fff; padding: 2px 23px 2px 5px; background-image: url(https://img.crocdn.co.uk/images/affiliates/crocus/btn-remove-choices.png); background-repeat: no-repeat; background-position: 158px 5px; display:block; } .search-results #filters ul#categoryFacets ul.subItems { display:none; } .search-results #filters ul#categoryFacets a.hasSubItems { background: url('https://img.crocdn.co.uk/images/affiliates/crocus/arrow-collap-right-green.png') no-repeat scroll 152px center transparent; } .search-results #filters ul#categoryFacets ul.subItems li a.hasSubItems, .search-results #filters ul#categoryFacets ul.subItems li a.openSubItems {padding-left: 8px;margin-left:0;} .search-results #filters ul a.openSubItems { padding-left: 0; background: url(https://img.crocdn.co.uk/images/affiliates/crocus/arrow-green-collap-down.png) no-repeat 152px center; } .search-results #filters h3 ul a.openSubItems { padding-left: 0; background: url(https://img.crocdn.co.uk/images/affiliates/crocus/arrow-blue-collap-down.png) no-repeat 152px center; } .search-results #filters ul a.openSubItems#saleFacetsTitle, .search-results #filters ul a.openSubItems#allSaleTitle { background-image: url(https://img.crocdn.co.uk/images/affiliates/crocus/arrow-collap-down-inv.png); } .search-results #results {float:left; width:748px;line-height:150%; color:#61605b; margin: 0 -5px 0 5px;} .search-results #results strong {font-weight:bold } .search-results #results .total-results-container, .search-results #results .you-searched-for-container, .search-results #results .items-starting-with-container {font-size:15px;color:#808424;font-weight:normal;float:left;margin-right:15px;margin-left:15px;margin-top: 15px;line-height:18px;} .search-results #results .total-results-container .total-results-number, .search-results #results .you-searched-for-container .you-searched-for-value, .search-results #results .items-starting-with-container .items-starting-with-value {color:#000000;} .search-results #results .total-results-divider {display:block;height:50px;} .search-results #results .feature-items h1 {font-size:22px;} .search-results #results .feature-items .item a p {color: #5d5d5d; text-decoration: none;} .search-results #results .feature-items {border: 1px solid #eaeaea; background: #fdfdfd; padding: 10px 0 10px 10px; margin-bottom:15px; width:922px; } .search-results #results .search-toolbox {padding:5px 15px 5px 12px; height:27px; line-height:27px; background-color:#73825f; color:#fff; font-weight:bold; margin-top:24px; border-top-left-radius:4px; border-top-right-radius:4px} .search-results #results .search-toolbox img {vertical-align:middle;} .search-results #results .search-toolbox a {text-decoration:underline; color:#fff; } .search-results #results .search-toolbox select {font-size:12px; color:#61605b; border:1px solid #61605b; padding:1px; margin:0 3px 0 0; } .search-results #results .search-toolbox select.change-url {margin-right:5px;} .search-results #results .search-toolbox #view {margin-right:6px; display:none;} .search-results #results .search-toolbox .view {text-decoration:none;font-weight:bold;margin-right:6px;} .search-results #results .search-toolbox .view.selected {} .search-results #results .search-toolbox .view.list {margin-right:10px; } .search-results #results .search-toolbox .view-all {margin-right:6px; } .search-results #results .search-toolbox .pages .page {border: 0 solid; border-color:#EFE4FF #A5A5A5 #A0CFBD #BABABA; font-weight: bold; height: 23px; min-width: 12px; padding-left: 1px; padding-right: 1px; text-decoration: none;} .search-results #results .search-toolbox .pages .next-page, .search-results #results .search-toolbox .pages .previous-page {text-decoration:underline;} .search-results #results .search-toolbox .pages a.next-page:hover, .search-results #results .search-toolbox .pages a.previous-page:hover {text-decoration:none;} .search-results #results .search-toolbox.search-toolbox-footer {border-radius: 0 0 4px 4px; float: left; position: relative; width: 721px;} .search-results #results .search-toolbox .pages {float:right;} .search-results #results .search-toolbox .pages .current-page {border-color:#D6DC6B; font-weight:bold; color:#fffd0b;} .search-results #results .search-toolbox .pages .disabled {opacity:0.5;text-decoration:none;} .search-results #results .search-toolbox .pages .page-separator {border:none;font-weight: normal;height: 23px;margin-left: 0;margin-right: 0;min-width: 15px;text-decoration: none;opacity:0.5;} .search-results #results #information-header a {color:#364327; } .search-results #results #information-header a:hover {font-weight:bold; } .search-results #results .email_me_when_available { clear:both; } .search-results #results .btn_email_me_when_available { background: url("https://img.crocdn.co.uk/images/affiliates/crocus/mail-icon.png") no-repeat scroll 0 0px transparent; width:auto !important; margin-top:6px; } .search-results #results .btn_email_me_when_available span { color: #707070; margin-left:18px; font-size:11px !important; font-weight:normal; } .search-results #results .email_me_when_available .send_email_me_when_available_info .email { width:114px; font-size:11px; } .search-results #results .email_me_when_available .msg_email_me_when_available { font-size:11px !important; font-weight:normal; } /* Search results - tiles view */ .search-results #results #tiles {width:740px; margin-left:8px; margin-top:14px;} .search-results #results #tiles .product {float:left; margin:0 8px 10px 0px; height: 250px; width:140px; overflow:hidden; position:relative; z-index:1;} .search-results #results #tiles .product .hide {position:absolute; top:2px; right:3px; z-index:2} .search-results #results #tiles .product a {color:#9fa63a;} .search-results #results #tiles .product a:hover {text-decoration:underline;} .search-results #results #tiles .product>img {width:140px; height:138px;} .search-results #results #tiles .product .title {line-height:16px; text-align:center; margin:5px auto 0; display:block;min-height:32px;} .search-results #results #tiles .product .title i {font-style: italic;} .search-results #results #tiles .product .prices {float:left; } .search-results #results #tiles .product .price {color:#666666; font-size:14px; font-weight:bold; display:block; text-align:left; line-height:23px;display:inline; } .search-results #results #tiles .product .price-old {font-size: 14px; } .search-results #results #tiles .product .price img {margin-bottom: -6px;float:right; } .search-results #results #tiles .product .buying-options {clear:both;float:left; } .search-results #results #tiles .product .btn_email_me_when_available { background-position: 0 2px; } /* Search results - list view */ .search-results #results #list {margin-top:4px; color:#666666; font-size:14px;} .search-results #results #list .product { border-top:1px solid #eeeeee; padding:7px 0 8px; float:left; position:relative; } .search-results #results #list .product .hide {position:absolute; top:7px; left:25px; z-index:2} .search-results #results #list .product img {float:left; display: block; width: } .search-results #results #list .product.first { border-top:1px solid #dddddd; } .search-results #results #list .product .title {line-height:18px; width:161px; float:left; padding:0 7px 0 10px; font-size: 12px; color: #666666; font-weight: normal;} .search-results #results #list .product .title em {font-style:italic} .search-results #results #list .product a {color:#9fa63a;} .search-results #results #list .product a:hover {text-decoration:underline;} .search-results #results #list .product .tag {float:left; width:59px; padding:8px 5px 0px 0px;} .search-results #results #list .product .tag img {float:none; width:59px;} .search-results #results #list .product .pot {float:left; font-size:11px; width:64px; height:23px; line-height:18px; margin:25px 0px 0px 0px; padding:0 10px 0 33px; background:url('https://img.crocdn.co.uk/images/affiliates/crocus/pot-icon.png') no-repeat;} .search-results #results #list .product .delivery {float:left; font-size:11px; width:105px; height:23px; line-height:18px; margin-top:25px; padding:0 0 0 42px; background:url('https://img.crocdn.co.uk/images/affiliates/crocus/truck-icon.png') no-repeat;} .search-results #results #list .product .price {color:#666666; font-weight:bold; float:left; width:176px; text-align:right; margin-top:23px;} .search-results #results #list .product .price a {vertical-align:middle; float: left;} .search-results #results #list .product .price .email_me_when_available { float:left; width:90px; } /* Search results - detail view */ .search-results #results #detail {margin-top:12px;} .search-results #results #detail .product {float:left; width:358px; height:216px; overflow:hidden; border:1px solid #d3d3d3; margin-bottom:24px; position:relative; } .search-results #results #detail .product .hide {position:absolute; top:2px; right:3px; z-index:1} .search-results #results #detail .product .main { margin:6px; width:350px; height:180px;min-height:164px;} .search-results #results #detail .product .image-reviews {float:left; width:140px; display: block;} /*.search-results #results #detail .product .main img {float:left; width:140px; display: block;}*/ .search-results #results #detail .product .main .upper {float:left; width:195px; height:138px; overflow:hidden; border-bottom:1px solid #eeeeee; margin-left:3px; padding-left:7px; line-height:16px;} .search-results #results #detail .product .main .upper .title {float:left; width:135px; color:#9fa63a; font-size:12px; padding-top:6px; } .search-results #results #detail .product .main .upper .title em {font-size:14px; font-style:italic; font-weight:bold; color:#2b2b2a} .search-results #results #detail .product a {color:#9fa63a;} .search-results #results #detail .product a:hover {text-decoration:underline;} .search-results #results #detail .product .main .upper p {float:left; width:135px; color:#000000; } .search-results #results #detail .product .main .upper .tag {margin-top:20px; float:right;} .search-results #results #detail .product .main .upper img.tag {width:59px;} .search-results #results #detail .product .main .price {color:#666666; font-weight:bold; float:right; margin:3px 0px; width:200px; display: block;} .search-results #results #detail .product .main .price img {width: 67px;} .search-results #results #detail .product .main .price span { float:left; display:block; font-size: 18px; } .search-results #results #detail .product .main .price a {float:right; display:block; width:80px; text-align:right } .search-results #results #detail .product .footer {color:#000; background-color:#d3d3d3; height:29px; font-size:11px; display:block;} .search-results #results #detail .product .footer .pot {float:left; height:13px; line-height:13px; margin:7px 0 0 5px; padding:0 3px 0 17px; background:url('https://img.crocdn.co.uk/images/affiliates/crocus/pot-icon-black.png') no-repeat; margin-right: 11px;} .search-results #results #detail .product .footer .delivery {float:left; height:16px; line-height:16px; margin:6px 0 0 5px; padding:0 3px 0 26px; background:url('https://img.crocdn.co.uk/images/affiliates/crocus/truck-icon-black.png') no-repeat; } .search-results #results #detail .product.left {margin-right:24px;} .search-results #results #detail .product.price-pruned {border-color:#bd9160;} .search-results #results #detail .product.price-pruned .footer {background-color:#bd9160;} .search-results #results #detail .product.special-offer {border-color:#a4ac3c; background: none; padding: 0px; min-height: auto;} .search-results #results #detail .product.special-offer .footer {background-color:#a4ac3c;} /* END OF SEARCH RESULTS */ /* A-Z search results */ .az #left { float: left;width: 20%;border-right: 1px dashed black;} .az #left div {margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dashed black;} .az #left div a {text-decoration: underline;font-size: 125%;margin-left: 5px;color: #364327;} .az #left div img {border: 6px solid #d5dba6;margin: 10px 0;} .az #left div p {line-height: 150%;margin-left: 5px;margin-right: 20px;} .az #right {float: left;width: 77%;margin-left: 15px;} .az #right #az-results {width: 100%;line-height: 165%;margin-top: 45px;clear: both;border-top: 1px dashed black;} .az #right #az-results a {text-decoration: underline;} .az #right #az-results thead {font-weight: bold;} .az #right #az-results thead tr th {padding: 5px;text-align: left;} .az #right #az-results tbody tr.odd {background-color: #f1f1f1;} .az #right #az-results tbody tr td {padding: 3px 5px;} .az #right #az-results tbody tr td.size {color: green;} .az #right #az-results tbody tr td.latin-name {font-style: italic;} .az #right ul#az-links {margin-top: 10px;font-weight: bold;} .az #right ul#az-links li {margin: 5px;float: left;} .az #right ul#az-links li a {text-decoration: underline;} .az #right #az-sort a {margin-left: 10px;margin-right: 10px;} .az #right #az-sort a.selected {font-weight: bold;background-color: #d3dde6;padding: 2px 8px;} /**************** item-page ***************************/ .item-page {padding: 5px 0 53px 0; width: 932px;} .item-page #item-images .plant-img {display: block; margin-bottom: 2px;} .item-page #item-images .img-thumb-plant .prev-but,#item-images .img-thumb-plant .next-but {background: #fff url('https://img.crocdn.co.uk/images/affiliates/crocus/prev-but.png') no-repeat center center; width: 15px; height: 59px; float: left; border: 1px solid #e6e6e6;} .item-page #item-images .img-thumb-plant .next-but {background: #fff url('https://img.crocdn.co.uk/images/affiliates/crocus/next-but.png') no-repeat center center;} .item-page #item-images .img-thumb-plant .prev-but:hover {background: #e6e6e6 url('https://img.crocdn.co.uk/images/affiliates/crocus/prev-but.png') no-repeat center center;} .item-page #item-images .img-thumb-plant .next-but:hover {background: #e6e6e6 url('https://img.crocdn.co.uk/images/affiliates/crocus/next-but.png') no-repeat center center;} .item-page #item-images .img-thumb-plant .thumb-contaniner {float: left; width: 243px; overflow: hidden; height: 61px; margin: 0px 3px;} .item-page #item-images .img-thumb-plant .thumb-contaniner li {background: none; list-style: none; padding: 0px; height: 61px; width: 1000px;} .item-page #item-images .img-thumb-plant .thumb-contaniner li a {display: block; float: left; background: #dbdbdb; margin-right: 3px;} .item-page #item-images .img-thumb-plant .thumb-contaniner li a img {width: 79px; height: 61px;} .item-page .top-content {padding-bottom: 10px;} .item-page #item-description .ClearFix {clear:left;} #item-images {float: left; width: 283px; padding-top: 5px; } #item-images .gallery-container {float: left;position: relative; } #item-images .videos-gallery {background-color: #f7f7f4; border: 1px solid #bbb; margin-top: 8px; padding: 6px 0;} #item-images .videos-gallery .ad-gallery .ad-nav .ad-thumbs { height: 84px; } #item-images .videos-gallery .ad-gallery .ad-back, #item-images .videos-gallery .ad-gallery .ad-forward { height: 57px; } #item-images .videos-gallery .ad-gallery .ad-thumbs li a img { height: 57px; width: 119px; } #item-images .videos-gallery .ad-gallery .ad-thumbs li a { display: inline !important; } #item-images .ad-thumb-list span { clear: both; color: #393939; float: left; position: relative; text-align: center; width: 100%; } #item-images .ad-thumb-list span.title1 { margin-top: 12px; } #item-images .ad-thumb-list span.title2 { } #item-images .videos-gallery .image0.play { border: none; } .ad-gallery .no-scroll .ad-forward, .ad-gallery .no-scroll .ad-back{ display: none;} .ad-gallery .ad-thumbs li a img { border: 2px solid transparent;} #item-images .video-divider { font-size: 14px; clear: both; margin-bottom: 4px; color: rgb(149, 149, 149); margin-left: 3px; } #item-pot-size {width: 100px; padding-top: 10px; clear:left; } #item-description {float: right; width: 647px;} /* PLANT CARD PAGE SPECIFIC ELEMENTS */ .no-margin { margin: 0 0 4px 0 !important; } .small-caps {text-transform: lowercase; font-variant: small-caps;} .item-page .item-poisonous {font-weight:normal;} .item-about { float: left; width: 380px; padding-left: 20px; } .item-about .item-about-description {font-size: 12px; line-height: 18px; color: #393939; margin-bottom: 10px;display:block;position:relative;overflow:hidden;} .item-about h4 { color: #393939; font-size: 12px; font-weight: bold; margin-bottom: 5px;} .item-about ul { margin-bottom: 7px; } .item-about li {font-size: 12px; line-height: 18px; color: #393939; background: transparent url('https://img.crocdn.co.uk/images/affiliates/crocus/bullet1.png') no-repeat 31px 7px; padding-left: 48px; } .item-about li a {color: #393939; text-decoration: none;} .item-about li a:hover {text-decoration: underline;} .item-about a {color: #8c9334; text-decoration: underline;} .item-about a:hover {text-decoration: none;} .item-about strong {font-weight: bold; } #item-card-share-this {float:right;} .fb_iframe_widget iframe { z-index:100; } #item-description .special-offer {background: transparent url('https://img.crocdn.co.uk/images/affiliates/crocus/icon_special-offer.png') no-repeat 0 0; width: 70px; height: 62px; float:right;} #item-description .price-pruned {background: transparent url('https://img.crocdn.co.uk/images/affiliates/crocus/icon_price-pruned.png') no-repeat 0 0; width: 70px; height: 62px; float:right;} #item-description .pollinator {background: transparent url('https://img.crocdn.co.uk/images/affiliates/crocus/icon_pollinator.png') no-repeat 0 0; width: 70px; height: 62px; float:right;} #item-description .chelsea-garden {background: transparent url('https://img.crocdn.co.uk/images/affiliates/crocus/icon_chelsea-gold.png') no-repeat 0 0; width: 70px; height: 62px; float:right;} #item-description .agm-plant {background: transparent url('https://img.crocdn.co.uk/images/affiliates/crocus/icon_agmplant.png') no-repeat 0 0; width: 70px; height: 62px; float:right;} #item-description .new-item {background: transparent url('https://img.crocdn.co.uk/images/affiliates/crocus/icon_new.png') no-repeat 0 0; width: 70px; height: 62px; float:right;} #item-description .crocus-collection {background: transparent url(https://img.crocdn.co.uk/images/affiliates/crocus/icon-crocus-collection.png) no-repeat 0 0; width: 70px; height: 62px; float:right;} #item-description .organic-soil-association-approved {background: transparent url(https://img.crocdn.co.uk/images/affiliates/crocus/icon-organic-soil-association-approved.png) no-repeat 0 0; width: 70px; height: 62px; float:right;} #item-description .organic-farmer-grower {background: transparent url(https://img.crocdn.co.uk/images/affiliates/crocus/icon-organic-farmers-growers.png) no-repeat 0 0; width: 70px; height: 62px; float:right;} #item-description .no-offer {min-height: 58px;} #pd-header {min-height: 58px;} #pd-header h2 {float: left; padding: 0px 10px;} #pd-header h2 i {padding: 0; font-style:italic;} #pd-header h2, #pd-header h2 a {font-size: 22px; line-height: 32px; color: #a0a73a; text-decoration: none;} #pd-header h2 a:hover {text-decoration: underline;} #pd-header h2.item-heading-icons-0 {width:610px;} #pd-header h2.item-heading-icons-1 {width:540px;} #pd-header h2.item-heading-icons-2 {width:470px;} #pd-header h2.item-heading-icons-3 {width:400px;} #pd-header h2.item-heading-icons-4 {width:330px;} #pd-header h2.item-heading-icons-5 {width:260px;} #pd-header p {font-size: 16px; color: #8c8c8c; line-height: 16px;} #pd-header .share-this-but {background: url("../images/ShareThisBut.gif") no-repeat 0 0; display: block; float: right; height: 18px; margin-top: 10px; width: 81px;} .ad-image { cursor: pointer; } .price-box { background: #f7f7f4; border: 1px solid #BBBBBB ; margin: 3px 0 6px 5px; color: #393939; border-bottom:none; float:left; width:408px; } .price-box .item-header, .price-box .item-footer { display: block; height: 32px; } .price-box .item-variation { border-bottom: 1px solid #BBBBBB; padding:6px 6px 6px 9px; } .price-box .item-cf-delivery .title-details .title_delivery, .price-box .item-cf-delivery .title-details strong { clear:both; position:relative; float:left; width: 100%; line-height:32px; } .price-box .item-cf-delivery .title-details strong { font-weight:bold; } .price-box .quantity { float:right; margin-right:30px; } .price-box .item-name { color: #676664; float: left; font-size: 15px; position: relative; min-width:142px; } .price-box .pot-size-guide { color:#838383; text-decoration:underline; padding-left:15px; line-height:24px; font-size:11px; background: url("https://img.crocdn.co.uk/images/affiliates/crocus/item-pages/icon-pot-size.png") no-repeat scroll 0 0 transparent; } .price-box .command { float:right; } .price-box .quantity-input { background-color: #FFFFFF; border-color: #7D7D7D; border-style: solid; border-width: 1px; float: left; height: 14px; position: relative; text-align: center; width: 24px; width: 22px\9; /* IE hack */ } .price-box .price-new { float:left; width:38px; } .price-box .unavailable .price-new { color: #ADADAD; } .price-box .price-old { float: left; min-width: 38px; } .price-box .price-old .placeholder { margin-left: -1px; padding-left: 1px; } .price-box .quantity-plus, .price-box .quantity-minus { background-color: #FEFEFE; border-color: #7D7D7D; border-style: solid; border-width: 1px; cursor: pointer; float: right; font-size: 15px; font-weight: bold; height: 18px; position: absolute; text-align: center; width: 24px; color:#858585; line-height:18px; display:none; } .price-box .quantity-input::-webkit-outer-spin-button, .price-box .quantity-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* hides the spin-button for firefox */ input[type=number] { -moz-appearance:textfield; } .price-box .quantity-plus { border-bottom-style: none; margin-top:-19px; } .price-box .quantity-minus { border-top-style: none; margin-top:18px; } .price-box .item-delivery{ background: url("https://img.crocdn.co.uk/images/affiliates/crocus/truck-icon.png") no-repeat scroll 0 0 transparent; color: #676360; float: left; height: 17px; line-height: 18px; padding-left: 36px; margin-top:5px; clear:left; } .price-box .item-wishlist{ float:right;} .price-box ul {padding: 8px 12px;} .price-box ul .left-content {width: 300px; float: left; line-height: 18px;} .price-box ul .left-content strong {font-weight: bold;} .price-box ul .right-content {width: 260px; float: right;} .price-box ul .right-content table.calendar {width: 250px; border: 1px solid #5b5b5b; text-align: center;} .price-box ul .right-content table.calendar thead td {height: 12px; border-left: 1px solid #5b5b5b; border-bottom: 1px solid #5b5b5b; padding: 0px; vertical-align: middle; width: 41px;} .price-box ul .right-content table.calendar td {height: 29px; border-left: 1px solid #5b5b5b; border-bottom: 1px solid #5b5b5b; padding: 0px; vertical-align: middle;} .price-box ul .right-content table.calendar td.empty-cell {background: #e9e9e9;} .price-box ul .right-content table.calendar td input {margin: 0px;} .price-box .inc-button, .price-box .dec-button {border: 1px solid #bbbbbb; background: #f0f0e8;color:#505050;width:14px;height:12px;font-weight:normal;vertical-align: middle; margin:0;padding:0;line-height:11px;font-size:11px;margin-left:-1px;} .price-box .dec-button {margin-top:-1px;} .price-box .caption {padding:20px 0;} .price-box .btn_email_me_when_available, .price-box .msg_email_me_when_available { background-color:#fff; padding:1px; float:right; border:1px solid #CCCCCC; color:#707070; } .price-box .btn_email_me_when_available span { background: url("https://img.crocdn.co.uk/images/affiliates/crocus/mail-icon.png") no-repeat scroll 0 0 transparent; color: #707070; display: block; padding-left:18px; font-size:11px; } .price-box .send_email_me_when_available_info input.email { float:left; } .price-new { font-weight: bold; font-size: 17px; color: #9fa639; } .price-old { text-decoration:line-through; font-size: 15px; margin-right: 5px; } .item-more-info { float: right; width: 215px; } .plant-warranty {background: #f0f0f0; padding: 6px 10px;} .plant-warranty h3 {color: #424242; font-size: 13px; line-height: 16px; font-weight: bold; margin-bottom: 5px;} .plant-warranty p .manual-icon {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/ManualIcon.png) no-repeat left top; padding-left: 42px; color: #326a8d; line-height: 16px; font-size: 12px; text-decoration: underline;display: block;} .plant-warranty p .manual-icon:hover {text-decoration: none;} .delivery-guide {border: 2px solid #e3e3e3; margin-bottom: 4px; background-color:#eeeeee;} .delivery-guide h5 {font-size: 16px; color: #505050; margin:8px 5px 10px 8px;} .delivery-guide li {color: #505050; line-height:24px; padding:0 0 0 38px; margin: 8px 5px 8px 8px;} .delivery-guide li.delivery-guide-bulbs {background: url("https://img.crocdn.co.uk/images/affiliates/crocus/item-pages/icon-delivery-guide-bulbs.png") no-repeat scroll 0 0 transparent;} .delivery-guide li.delivery-guide-standard-delivery {background: url("https://img.crocdn.co.uk/images/affiliates/crocus/item-pages/icon-delivery-guide-standard-delivery.png") no-repeat scroll 0 0 transparent;} .delivery-guide li.delivery-guide-named-delivery {background: url("https://img.crocdn.co.uk/images/affiliates/crocus/item-pages/icon-delivery-guide-named-delivery.png") no-repeat scroll 0 0 transparent;} .delivery-guide li.delivery-guide-named-delivery {background: url("https://img.crocdn.co.uk/images/affiliates/crocus/item-pages/icon-delivery-guide-named-delivery.png") no-repeat scroll 0 0 transparent;} .delivery-guide li.delivery-guide-click-collect {background: url("https://img.crocdn.co.uk/images/affiliates/crocus/item-pages/icon-delivery-guide-click-collect.png") no-repeat scroll 0 0 transparent;} .delivery-guide p a { margin:5px 5px 5px 8px; text-decoration: underline; color: #2e6e93; line-height:24px;} .plant-height-spread {border: 2px solid #e3e3e3; margin-bottom: 4px; } .plant-height-spread h3 { background: #d6d6d6; color: #fff; text-transform: lowercase; font-size: 13px; line-height: 16px; text-align: center; font-weight: bold; } .item-page .plant-discount-banner {margin:4px 0;} .item-page .delivery-banner {margin-top:5px;} .garden-comments { background: #f0f0f0; padding: 6px 10px; margin-bottom: 4px;} .garden-comments p {color: #8A9A03; font-size: 14px; margin: 0; line-height: 18px;} .garden-comments p.author {color: #505050; font-size: 10px; line-height: 14px; margin: 0;} .customer-rating {background: #f0f0f0; padding: 6px 0; margin-bottom: 4px;} .customer-rating .inner { position: relative; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; behavior: url("css/PIE.htc"); border: 2px solid #e6e6e6; padding: 2px 4px; width: 187px; margin: 0 auto; text-align: center; background: #fff; z-index:1; } .customer-rating p {font-size: 10px; line-height: 11px; color: #7b7b7b; white-space: nowrap; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; margin: 0 !important; } .customer-rating ul { width: 131px; margin: 0 auto; padding: 2px 0px;} .customer-rating a {color: #706949; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; text-decoration: underline;} .customer-rating a:hover {text-decoration: none;} .customer-rating li { float: left; margin-right: 5px; background: none; padding: 0; } .customer-rating li a { display: block; float: left; width: 21px; height: 22px; background: transparent url('https://img.crocdn.co.uk/images/affiliates/crocus/tick.png') no-repeat 0 0; } .customer-rating li.ticked a { background: transparent url('https://img.crocdn.co.uk/images/affiliates/crocus/tick.png') no-repeat 0 bottom; } .customer-rating .pr-snippet-social-bar {display:none;} .item-more-info .share-options {margin-left:14px;margin-top:12px;position: relative;} .item-more-info .crocus_share_custom { background-image: url("http://w.sharethis.com/images/sharethis_16.png"); margin-left: 6px; padding: 0 16px 0 0; position: relative; cursor: pointer; } .crocus_share_custom_options { background-color: #DCDDCC; margin-top: -1px; padding-right: 12px; padding-top: 12px; position: absolute; right: -82px; z-index: 10000000; } .crocus_share_custom_options .stButton { width: 100%; } .crocus_share_custom_options .stButton .chicklets { float: right; padding-bottom: 6px; padding-left: 15px; text-align: right; width: 80%; } .product-more-info {padding: 15px 18px 0px 18px;} .product-more-info p {line-height: 18px; margin-bottom: 10px;} .product-more-info h5 {font-size: 12px; color: #8d9434; font-weight: bold; line-height: 18px; margin-bottom: 10px;} .product-more-info .column-wrap .column {width: 195px; float: left;} .product-more-info .column-wrap h5 {font-size: 12px; color: #393939; font-weight: bold; margin-bottom: 0px; line-height: 18px;} .product-more-info .column-wrap ul {font-weight: normal; line-height: 18px;} .product-more-info .column-wrap ul li span {font-size: 9px; margin-right: 3px;} #tabs * { font-family: Arial, Helvetica, sans-serif; } #tabs { padding: 0; } .ui-tabs .ui-tabs-nav { position: relative; behavior: url("css/PIE.htc"); border-radius: 4px 4px 0px 0px; padding: 0; } .ui-tabs .ui-tabs-panel { background: #dcddcc; border: 1px solid #b3b3a9; border-top: none; padding: 14px 0 0 8px; } .tabs-aside { width: 176px; float: left; padding-top: 4px; } .customer-comments .tabs-aside { text-align: center; width: 150px; } .customer-comments .comments-header .tabs-aside { width: 176px; } .tabs-aside p, .tabs-aside li {font-size: 12px; line-height: 28px; color: #3d3d3d; background: none; padding: 0; } .tabs-aside li a { text-decoration: underline; color: #3d3d3d; font-size: 12px; line-height: 28px;} .ui-widget-content { position: relative; behavior: url("css/PIE.htc"); border-radius: 0 0 4px 4px; background: none; border: 0; z-index: 1; } .ui-widget-header { background: none; border: 0px; border-bottom: 1px solid #b3b3a9; } .ui-corner-all{-moz-border-radius: 0px; -webkit-border-radius: 0px; behavior: url("css/PIE.htc"); border-radius: 0px;} .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000; font-size: 17px; } .ui-tabs .ui-tabs-nav li { background: #f7f7f7; line-height: 38px; height: 38px; top: 9px; margin: 0 -4px 0 0; color: #000; font-size: 17px; position: relative; behavior: url("css/PIE.htc"); border-radius: 4px 4px 0 0;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: #dcddcc; height: 46px; line-height: 46px; top: 1px; border: 1px solid #b3b3a9; z-index: 2000 !important; } .ui-tabs .ui-tabs-nav li a { padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif;} #bouquets .ui-tabs .ui-tabs-nav li a { padding: 0 20px; text-align: center; font-family: Arial, Helvetica, sans-serif;} #tabs .tab1 a { width: 184px; } #tabs .tab2 a { width: 224px; } #tabs .tab3 a { width: 240px; } #tabs .tab4 a { width: 288px; } .tabs-main { float: right; width: 748px; _width: 747px; padding-top: 4px; } .tabs-main-full {float: none; padding-top: 0px; width: auto;} #tabs .tabs-main-full .product {margin: 0 45px 16px; _margin: 0 30px 16px;} .customer-comments .tabs-main { width: 710px; padding-top: 0; } .comments-header .tabs-main { padding-top: 9px; } #tabs .product { width: 356px; height: 178px; float: left; margin: 0 16px 16px 0; _margin: 0 10px 16px 0; border: 1px solid #d3d3d3; } .product-main { padding: 6px; background: #fff; } .product .product-img { float: left; width: 140px; } .product .product-description { float: left; width: 196px; padding-left: 6px; height: 138px; position: relative; } .product h3 { font-style: italic; font-size: 14px; line-height: 20px; font-weight: bold; color: #000; margin-bottom: 4px; } .product h4 { font-size: 12px; font-weight:normal; color: #9fa63a; margin-bottom: 6px; } .product .price-buy { padding-left: 6px; border-top: 1px solid #eee; width: 196px; height: 22px; position: absolute; bottom: 0; left: 0; line-height: 22px; padding-top: 4px; } .product .price-buy .buy { float: right;} .product .price-buy span {font-size: 18px;} .product-links { height: 28px; padding: 0 7px 0 3px; background: #d3d3d3; } .product-links span, .product-links a { line-height: 28px; color: #000; text-decoration: none; font-size: 11px; } .product .pot { background: transparent url('https://img.crocdn.co.uk/images/affiliates/crocus/pot.png') no-repeat 0 50%; padding-left: 16px; float: left; margin-right: 11px; } .product .delivery { background: transparent url('https://img.crocdn.co.uk/images/affiliates/crocus/truck.png') no-repeat 0 50%; padding-left: 25px;float: left; } .product .wishlist { background: transparent url('https://img.crocdn.co.uk/images/affiliates/crocus/star.png') no-repeat 0 50%; padding-left: 20px; float: right; } .tabs-col1 { float: left; width: 280px; padding: 0 30px 10px 5px; } .tabs-col2 { float: left; width: 280px; } #tabs h2, #tabs h2 a { font-size: 18px; line-height: 22px; color: #999f37; } #tabs p { margin-bottom: 7px; } #tabs a:hover { color: #000; } .button1 { position: relative; background: #a09188; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url("css/PIE.htc"); padding: 0 10px; color: #fff !important; text-decoration: none !important; font-size: 14px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif !important; line-height: 24px; } .button1:hover { color: #000 !important; } .button2 { position: relative; background: #979388; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url("css/PIE.htc"); display: block; width: 156px; color: #fff !important; text-decoration: none !important; font-size: 14px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif !important; line-height: 23px; } .button2:hover { color: #000 !important; } .button3 { position: relative; display: block; background: #989f37; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url("css/PIE.htc"); width: 98px; margin: 0 auto; color: #fff !important; text-decoration: none !important; font-size: 12px; line-height: 13px; padding: 3px 0; } .button3 span { color: #fffc11; } .button3:hover, .button3:hover span { color: #000 !important; } .button4 { position: relative; background: #9ea539; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url("css/PIE.htc"); padding: 0 10px; color: #fff !important; text-decoration: none !important; font-size: 13px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif !important; line-height: 28px; } .button4:hover { color: #000 !important; } .button5 { position: relative; background: #7f5c31; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url("css/PIE.htc"); padding: 0 10px; color: #fff !important; text-decoration: none !important; font-size: 13px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif !important; line-height: 28px; } .button5:hover { color: #000 !important; } .rarrow { position: relative; background: #91847b url('https://img.crocdn.co.uk/images/affiliates/crocus/rarrow.png') no-repeat right 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url("css/PIE.htc"); display: block; color: #fff !important; text-decoration: none !important; font-size: 14px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif !important; padding: 0 30px 0 15px; line-height: 27px; } .rarrow:hover { color: #000 !important; background-position: right -17px; } #tabs .date { font-size: 11px; color: #4c4c4c; margin-bottom: 3px; } .usefull { color: #6d6d6d; } .usefull strong { color: #1f5a7c; } .plant-doctor { padding: 19px 45px 19px 20px !important; } .plant-doctor h2 { color: #63502b !important; } .plant-doctor h2 a { color: #63502b !important; text-decoration: underline; } #tabs .author { font-size: 16px; line-height: 22px; color: #215a75; margin-right: 6px; } .question-answer { padding: 7px 0 8px 0; } .qa { } .qa .prPaAnswerList { margin-left:20px; } .qa .prPaQaContainer { margin-left:0px; } .qa .prPaContainer, .qa .prPaFooter { width:auto; } .qa .prPaFooter .prPaQuestionPromptIntro { display:none; } .qa .prPaContainer .prPaHeader .prPaAskQuestionLnk span { display:block; } .qa .prPaContainer .prPaHeader .prPaCounts { border-top:none; } .qa .prPaContainer .prPaHeader .prPaQuestionSubhead, .qa .prPaFooter { height:24px; } .question, .answer { float: right; width: 830px; } .question p, .answer p { font-size: 15px; line-height: 20px; } .plant-doctor .not-found { padding-top: 17px; margin-left: -7px; } #tabs .customer-comments { padding: 14px 20px 0 8px; } #tabs .customer-comments h2 { color: #4c4c4c; margin-bottom: 4px; } .customer-comments .customer-rating { float: left; background: transparent; height: auto; margin: 7px 0 2px 4px; } .customer-comments .customer-rating .inner { margin: 0; width: auto; padding: 5px 10px 3px 10px; text-align: left; } .customer-comments .customer-rating ul { float: left; margin: 0 0 0 6px; width: 79px; } .customer-comments .customer-rating p { font-size: 11px; float: left; line-height: 22px; } .customer-comments .customer-rating li { margin-right: 0; } .customer-comments .customer-rating li a { width: 15px; height: 17px; background: transparent url('https://img.crocdn.co.uk/images/affiliates/crocus/tick2.png') no-repeat 0 0; } .customer-comments .customer-rating li.ticked a { background: transparent url('https://img.crocdn.co.uk/images/affiliates/crocus/tick2.png') no-repeat 0 bottom; } #tabs .status { color: #5e5e5e; font-size: 11px; } .comments-header { padding: 0 0 14px 0; } .comments-header .tabs-main a { color: #215a75; margin: 0 0 0 13px; } .award { clear: both; } .award a { text-decoration: none; } .comment-item { padding: 0 0 21px 0; } .comment-item .tabs-aside p { margin: 0 !important; line-height: 22px; } #tabs .customer-photos { padding: 9px 6px 0 14px; } .customer-photos p , .tabs-main p { font-size: 15px; line-height: 22px; margin-top: 5px; } .customer-photos .rarrow { float: right; white-space: nowrap; } .photos { padding-top: 4px; width: 912px; overflow: hidden; } .photos ul { margin: 0 !important; width: 925px; } .photos li { float: left; width: 160px; height: 156px; margin: 0 24px 0 0; background: none; padding: 0; } .photos li a.video { float: left; display: block; width: 160px; height: 121px; } .photos li a.photo { float: left; display: block; padding: 2px; border: 1px solid #b7b5b8; background: #fff; width: 154px; height: 113px; } .photos li a.photo:hover { border-color: #000; } .photos li span { font-size: 15px; line-height: 22px; color: #16556e; padding-left: 3px; } .photos li span a { color: #16556e; } .photos li span img { vertical-align: -24%; margin-right: 3px; } /* POWERREVIEWS */ .customer-rating .inner {background: none; border:0;} .customer-rating .pr-snippet-read-write, .customer-rating .pr-snippet-write-first-review p, .customer-rating a, .customer-rating p{font-size:10px; font-family:Arial; line-height:14px;} .customer-rating .pr-snippet-wrapper {border:0;} .customer-comments .pr-snapshot-footer .pr-snapshot-write-review {display:none;} .submitReviewIframeContainer{ margin: 0 auto;width: 932px;} /**************** CUT FLOWER CALENDAR MODIFIED FOR EXISTING SITE ****************/ /**************** CUT FLOWER CALENDAR MODIFIED FOR EXISTING SITE ENDS ****************/ /* BLOG AND FORUM */ .Blog-Forum {} .Blog-Forum .LeftWrap {width: 603px; float: left; padding-left: 13px;} .Blog-Forum .GrayBox {border: 1px solid #e7e7e7; padding: 1px; margin-bottom: 15px;} .Blog-Forum .GrayBox .BgBox {background: #f9f9f9; padding: 10px;} .Blogs ul li {margin-bottom: 13px;} .Blogs .BlogImages {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/Blog-Forum/BgBlogImages.gif) no-repeat left top; display: block; float: left; width: 278px; height: 155px; padding: 4px;} .Blogs .BlogImages img {width: 278px; height: 155px;} .Blogs .BlogInfo {margin-left: 310px;} .Blogs .BlogInfo h2 {font-size: 18px; font-weight: normal; margin: 5px 0px; overflow: hidden;} .Blogs .BlogInfo h2 img {width: 50px; margin-right: 10px;} .Blogs .BlogInfo h2 a {display: block; float: left;} .Blogs .BlogInfo h2 a.Txt {color: #8c9336; text-decoration: none; line-height: 50px;} .Blogs .BlogInfo h2 a:hover {text-decoration: underline;} .Blogs .BlogInfo p {font-size: 13px; line-height: 18px;} .LatestBlogs h1 {font-size: 21px; line-height: 24px; font-weight: normal;} .LatestBlogs h1 a {color: #a0a72a; text-decoration: none;} .LatestBlogs h1 a:hover {text-decoration: underline;} .LatestBlogs .Info {font-size: 10px; text-transform: uppercase; color: #707070; line-height: 24px; margin-bottom: 10px;} .LatestBlogs .Info a {color: #a0a72a; text-decoration: none;} .LatestBlogs .Info a:hover {text-decoration: underline;} .LatestBlogs .Info span {margin: 0px 20px;} .LatestBlogs .Images {display: block; float: left;} .LatestBlogs .Images img {width: 155px; border: 1px solid #727e72;} .LatestBlogs .Text {margin-left: 180px; font-size: 14px; line-height: 18px; color: #626262;} .Blog-Forum .RightWrap {width: 295px; float: right; padding-right: 20px;} .LatestDiscussion {margin-bottom: 30px;} .LatestDiscussion h1 {font-size: 21px; line-height: 24px; font-weight: normal; margin-bottom: 15px; color: #a0a72a;} .LatestDiscussion h2 {font-size: 18px; line-height: 24px; font-weight: normal; color: #5b5b5b;} .LatestDiscussion .Info {font-size: 14px; color: #626262; margin-bottom: 10px;} .LatestDiscussion .Info a {color: #246db2;} .LatestDiscussion .Info a:hover {text-decoration: none;} .LatestDiscussion .Txt {font-size: 12px; color: #626262; line-height: 18px;} .LatestDiscussion .Txt a {font-size: 12px; color: #a0a72a; float: right; margin-top: 10px;} .LatestDiscussion .Txt a:hover {text-decoration: none;} .LatestReview {margin-bottom: 30px;} .LatestReview h1 {font-size: 21px; line-height: 24px; font-weight: normal; margin-bottom: 15px; color: #a0a72a;} .LatestReview .Images {display: block; float: left;} .LatestReview .Images img {width: 72px;} .LatestReview p {margin-left: 85px; line-height: 18px; margin-bottom: 7px; overflow: hidden;} .LatestReview p a {color: #626262; font-size: 14px;} .LatestReview p a:hover {text-decoration: none;} .LatestReview .Rating {border: 1px solid #c9c9c9; padding: 5px; margin-left: 85px; overflow: hidden;} .LatestReview .Rating li {float: left;} .LatestReview .Rating li h5 {color: #4c4c4c; margin-right: 13px; font-weight: bold; line-height: 17px;} .LatestReview .Rating .Tick {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/tick2.png) no-repeat left -17px; width: 15px; height: 17px; cursor: pointer;} .LatestReview .Rating .DisTick {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/tick2.png) no-repeat left 0px; width: 15px; height: 17px; cursor: pointer;} .LatestUploads {margin-bottom: 30px;} .LatestUploads h1 {font-size: 21px; line-height: 24px; font-weight: normal; margin-bottom: 15px; color: #a0a72a;} .LatestUploads .PhotosBox li {margin-bottom: 10px;} .LatestUploads .PhotosBox li p {float: left; width: 80px; margin-right: 15px;} .LatestUploads .PhotosBox li p img {width: 80px; height: 60px;} .LatestUploads .PhotosBox li p span {display: block; color: #4b4b4b; line-height: 22px;} .LatestUploads .PhotosBox li p span a {color: #106291;} .LatestUploads .PhotosBox li p span a:hover {text-decoration: none;} .LatestUploads .ShareButton {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/Blog-Forum/ShareButton.gif) no-repeat left top; width: 171px; height: 23px; display: block;} /* header-promo */ .header-promo {border: 1px solid #e8e8e8; padding: 1px; margin: 0 0 10px 0;} .header-promo .bg-promo {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/inspiration/BgPromo.gif) repeat-x left top; height: 209px; padding: 13px 0px 0px 13px;} .header-promo .main-images {display: block; float: left; width: 528px;} .header-promo .main-images img {border: 1px solid #dbdcd2; padding: 2px; width: 522px; height: 190px;} .header-promo .thumb-wrap {float: right; width: 385px;} .header-promo .thumb-wrap li {border-bottom: 1px solid #dddfd2; padding: 7px 10px; cursor: pointer;} .header-promo .thumb-wrap .Select {background: #d1d2c2;border-bottom: 1px solid #d1d2c2;} .header-promo .thumb-wrap .thumb-images {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/inspiration/BgThumbImg.gif) no-repeat left top; width: 85px; height: 45px; padding: 2px; display: block; float: left;} .header-promo .thumb-images img {width: 85px; height: 45px;} .header-promo .thumb-wrap p {padding-top: 10px; margin-left: 120px; color: #6f6f6f; font-size: 18px;} .header-promo .text-description {float: right; width: 385px;} .header-promo .text-description h1 {font-size: 21px; line-height: 24px; font-weight: normal; margin-bottom: 15px; color: #a0a72a;padding: 7px 10px;} .header-promo .text-description p {line-height:18px;padding: 0 10px;} /* HOME */ .home {padding: 20px 0px 10px 0px;} /* in-store */ .in-store {border: 1px solid #e7e7e7; padding: 1px; width: 599px; float: left; margin-bottom: 10px;} .in-store .bg-box {background: #f9f9f9;} .in-store h1 {font-size: 26px; font-weight: normal; color: #899a32; padding: 10px 11px 0px 11px; line-height: 30px;} .in-store ul li {padding: 5px 11px; float: left;} .in-store .Bg-Thumb {background: #fff; border: 1px solid #f2f2f2; width: 160px; padding: 7px;} .in-store .Bg-Thumb .Thumb-images {display: block; line-height: 0px;} .in-store .Bg-Thumb img {width: 160px; height: 122px;} .in-store .Bg-Thumb p {font-size: 14px; font-weight: bold; text-align: center; padding: 5px; line-height: 16px;} .in-store .Bg-Thumb p a {color: #727272; text-decoration: none;} .in-store .Bg-Thumb p a:hover {text-decoration: underline;} /* on-the-nursery */ .on-the-nursery {border: 1px solid #e7e7e7; padding: 1px; width: 599px; float: left;} .on-the-nursery .bg-box {background: #f9f9f9; padding: 10px 20px;} .on-the-nursery .Img {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/home/BgNurseryImages.gif) no-repeat left top; width: 279px; height: 160px; padding: 3px; display: block; float: right;} .on-the-nursery .Img img {width: 279px; height: 160px;} .on-the-nursery h1 {font-size: 26px; font-weight: normal; margin: 0px 323px 10px 0px; color: #899a32; line-height: 30px;} .on-the-nursery p {font-size: 14px; line-height: 18px; margin: 0px 323px 10px 0px; color: #333333;} .on-the-nursery .view-all-button {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/home/ViewAllButton.png) no-repeat left top;width: 224px; height: 36px; display: block;} /* new plants and products */ .home .new-plants-products {border: 1px solid #e7e7e7; padding: 1px; width: 293px; float: left; margin-right:9px;} .home .new-plants-products .bg-box {background: #f9f9f9; padding: 8px;} .home .new-plants-products img {width:277px; height:227px;} .home .new-products {margin-right:0;} /* inspiration and catalogue ordering */ .home .inspiration-catalogue {width: 319px; float: right; margin:0; padding:0;} .home .inspiration, .home .catalogue-ordering {border: 1px solid #e7e7e7; padding: 1px; width: 315px;} .home .catalogue-ordering {margin-bottom:6px;} /* .home .inspiration .bg-box {background: #efeeea; padding: 10px 15px 1px 15px;} */ .home .inspiration .bg-box, .home .catalogue-ordering .bg-box {background: #e3e2db; padding: 8px 8px 8px 8px;} .home .inspiration h1, .home .catalogue-ordering h1 {font-size: 26px; font-weight: normal; color: #899a32; margin-bottom: 6px; line-height: 30px;} .home .catalogue-ordering h1 {margin-bottom:0;} .home .inspiration .item-inspiration {padding: 10px 0 8px 0; border-bottom: 1px solid #cbcac1; position:relative;} .home .inspiration .item-inspiration-last {padding: 10px 0 2px 0; border:none;} .home .inspiration .item-inspiration .inspiration-images {display: block; float: left; width: 155px; line-height: 0px;} .home .inspiration .item-inspiration .inspiration-images img {width: 155px;} .home .inspiration .item-inspiration p { margin-left: 165px; color: #333333; font-size: 13px; line-height: 16px; margin-bottom:6px;} .home .inspiration .item-inspiration p a {color: #727272; text-decoration: none; font-size: 15px; line-height: 17px; font-weight:bold;} .home .inspiration .item-inspiration p a:hover {text-decoration: underline;} .home .inspiration .item-inspiration p.item-inspiration-button {margin-bottom:0;} .home .inspiration .item-inspiration .item-inspiration-button img {position:absolute; right:0; top:119px; } .home .inspiration ul.christmas-links {margin-top:9px;} .home .inspiration ul.christmas-links li a {color: #343434; background: url("https://img.crocdn.co.uk/images/affiliates/crocus/arrow-right-white.png") no-repeat scroll left center transparent; padding-left: 10px; line-height:19px;} .home .inspiration-catalogue .order-online {width:95px; float:left;} .home .inspiration-catalogue .catalogue-cover {width:203px; float:left;} .home .inspiration-catalogue .order-online p.instructions {font-size: 16px; color:#656565; line-height: 22px; margin-top:10px;} .home .inspiration-catalogue .order-online img {margin-top:10px;} /* photo-diary-sociables */ .photo-diary-sociables {border: 1px solid #e7e7e7; padding: 1px; margin: 10px 0;} .photo-diary-sociables .bg-box {background: #f9f9f9; padding: 10px;} .photo-diary-sociables h2 {font-size: 18px; font-weight: normal; color: #7c7a6e; margin-bottom: 10px;} .photo-diary-sociables .photo {width: 300px; float: left; border-right:1px solid #e7e7e7; height:418px; } .photo-diary-sociables .sociables {width: 299px; float: left; padding: 0px 19px; border-right:1px solid #e7e7e7; height:418px;} .photo-diary-sociables .sociables img {padding-bottom:10px;} .sociables h4 {font-size: 14px; color: #333; line-height: 18px; font-weight:normal;} .sociables .Comment {padding-top: 15px;} .sociables .Comment .Icon {float: left; margin: 0px;} .sociables .Comment p {margin-left: 35px; line-height: 18px;} .sociables .Comment a {margin-left: 35px; color: #0ca5c4; font-size: 11px; text-decoration: none;} .sociables .Comment a:hover {text-decoration: underline;} .sociables .Comment h5 {margin-left: 35px; line-height: 18px;} .sociables .Comment h5 a {margin: 0px; color: #0ca5c4; font-size: 11px; text-decoration: none; font-weight: bold;} .photo-diary-sociables .diaries {width: 257px; float: left; padding-left:10px;} .photo-diary-sociables .diaries .diaries-images {width: 72px; float:left;} .photo-diary-sociables .diaries .diaries-images img {width: 72px;} .photo-diary-sociables .diaries .item-diaries {margin-bottom: 10px;} .photo-diary-sociables .diaries .item-diaries p {padding: 0px; font-size: 12px; color: #333; margin-left: 85px;} .photo-diary-sociables .diaries .item-diaries h4 {margin-left: 85px; padding-top: 10px; font-weight: bold; font-size: 14px;} .photo-diary-sociables .diaries .item-diaries h4 a {color: #333; text-decoration: none;} .photo-diary-sociables .diaries .item-diaries h4 a:hover {text-decoration: underline;} .photo-diary-sociables a {text-decoration: underline;color: #8b9927;} .photo-diary-sociables a:hover {text-decoration: none;} .photo-diary-sociables .inspiration-links {margin-bottom:3px;} .photo-diary-sociables .inspiration-links a {font-weight: bold;font-size: 14px; line-height:18px;} /* home-bottom-panel */ .home-bottom-panel {border: 1px solid #e7e7e7; padding: 1px; margin: 10px 0px 10px 0px;} .home-bottom-panel .bg-box {background: #f9f9f9; padding: 10px;} .home-bottom-panel h2 {font-size: 18px; font-weight: normal; color: #7c7a6e;} .home-bottom-panel h4 {font-size: 14px; color: #333; line-height: 18px;} .home-bottom-panel p {font-size: 14px; line-height: 18px;} .home-bottom-panel .content {width: 280px; float: left; margin-right:25px;} .home-bottom-panel .content-last {margin-right:0;} .home-bottom-panel .content img {width:279px; height:121px;} .home-bottom-panel .content-left {width: 300px; float: left; border-right:1px solid #e7e7e7; height:270px; } .home-bottom-panel .content-middle {width: 299px; float: left; padding: 0px 19px; border-right:1px solid #e7e7e7; height:270px;} .home-bottom-panel .content-right {width: 257px; float: left; padding-left:10px;} .home-bottom-panel img {padding:10px 0 10px 0;} .home-bottom-panel a {color: #8b9927; text-decoration:underline;} .home-bottom-panel a:hover {text-decoration: none;} /* tab-box */ #tabs-box * { font-family: Arial, Helvetica, sans-serif; } #tabs-box { padding: 0; margin-bottom: 15px;} #tabs-box h1 {float: left; margin-right: 15px; line-height: 44px; font-weight: bold; font-size: 20px;color:#222222;} #tabs-box .ui-tabs-nav { position: relative; behavior: url("css/PIE.htc"); border-radius: 4px 4px 0px 0px; padding: 0; } #tabs-box .ui-widget-header { background: none; border: 0px; border-bottom: 1px solid #b3b3a9;} #tabs-box .ui-corner-all {-moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; behavior: url("css/PIE.htc"); border-radius: 4px 4px 0px 0px;} #tabs-box .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000; font-size: 17px; } #tabs-box .ui-tabs .ui-tabs-nav li { color: #000; font-size: 17px; position: relative; behavior: url("css/PIE.htc"); border-radius: 4px 4px 0 0; background: #f7f7f7; line-height:38px; height: 38px; top: 9px; margin: 0 -4px 0 0;} #tabs-box .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: #dcddcc; height: 46px; line-height: 46px; top: 0px; border: 1px solid #b3b3a9; border-bottom: none; z-index: 2000 !important; } #tabs-box .ui-tabs .ui-tabs-nav li a { padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif;} #tabs-box ul li a {line-height: 38px; color: #342e27; font-size: 15px;} #tabs-box ul li.ui-tabs-selected a {line-height: 46px; font-size: 15px;} #tabs-box .ui-tabs-panel { background: #dcddcc; border: 1px solid #b3b3a9; padding: 14px 0 14px 8px; border-top: none;} /* tab content*/ #tabs-box .tab-content li {float: left; width: 146px; margin-right: 6px; height: 180px;} #tabs-box .tab-content li p {padding: 5px 0px 15px 0px; text-align: center;} #tabs-box .tab-content li a {color: #342e27; text-decoration: none; font-size: 14px; line-height: 15px;} #tabs-box .tab-content li p a:hover {text-decoration: underline;} /* help and advice */ .help-advice { margin-bottom: 15px;} .help-advice h1 {font-size: 26px; font-weight: normal; color: #899a32; margin-bottom: 10px;} .help-advice-content {width: 929px; border: 1px solid #b7b7b7; padding: 10px 0px;} .help-advice-content li {float: left; width: 146px; margin-left: 7px;} .help-advice-content li p {padding: 10px 0px; text-align: center; font-size: 14px;} .help-advice-content li p a {color: #342e27; text-decoration: none;} .help-advice-content li p a:hover {text-decoration: underline;} /* Feature Page */ .feature-page {padding-bottom:20px;} .feature-page p {color: #474747; font-size: 14px; line-height: 20px;} .feature-page .features {width: 725px; float: left;} /* diaries */ .feature-page .diaries {width: 190px; margin: 0px 14px 10px 0px; float: right;} .feature-page .diaries h1 {font-size: 22px; font-weight: normal; margin-bottom: 10px; color: #899a32;} .feature-page .diaries .item-diaries {margin-bottom: 30px;} .feature-page .diaries .item-diaries .diaries-images {display: block; float: left; width: 100px;} .feature-page .diaries .item-diaries .diaries-images img {width: 100px;} .feature-page .diaries .item-diaries p { margin-left: 110px; color: #505050; font-size: 14px; line-height: 20px; padding-top: 30px;} .feature-page .diaries .item-diaries p a {color: #505050; text-decoration: none;} .feature-page .diaries .item-diaries p a:hover {text-decoration: underline;} /* features */ .feature-page .features .main-feature {padding: 0 10px 0 0;} .feature-page .features .main-feature h1 {font-size: 26px; font-weight: normal;margin-bottom: 10px; color: #899a32;} .feature-page .features .main-feature h1 a {color: #5d5d5d; text-decoration: none;} .feature-page .features .main-feature h1 a:hover {text-decoration: underline;} .feature-page .features .main-feature .main-images {display: block; float: left; width: 231px;} .feature-page .features .main-feature .main-images img {width: 231px;} .feature-page .features .main-feature p {color: #505050; font-size: 14px; line-height: 20px; margin-bottom: 15px;} .feature-page .features .main-feature p a {color: #899a32; text-decoration: none;} .feature-page .features .main-feature p a:hover {text-decoration: underline;} .feature-page .features .main-feature .soil-type { background-color: #838e42; padding: 10px; margin-bottom: 10px; } .feature-page .features .main-feature .soil-type h1 { color: white; } .feature-page .features .main-feature .soil-type p { color: white; } .feature-page .features .main-feature .soil-type #soil-type-form { background-color: #dddfc9; padding: 5px; } .feature-page .features .main-feature .soil-type #soil-type-form #ajax-loader {display:none;} .feature-page .features .main-feature .soil-type #soil-type-form #soil-type-container { display: none; margin-left: 15px; } .feature-page .features .main-feature .soil-type #soil-type-form #find-soil-type { display: inline-block; vertical-align: middle; margin: -5px; } .feature-page .features .main-feature .soil-type #soil-type-form #plant-type-form { display: none; margin-top: 5px; } .feature-page .features .main-feature .soil-type #soil-type-form #plant-type-form #find-plants { display: inline-block; vertical-align: middle; margin-bottom: 3px; } .feature-page .features .main-feature .soil-type #soil-type-form #soil-type-result { font-weight: bold; } .feature-items {border: 1px solid #eaeaea; background: #fdfdfd; padding: 10px 0px 10px 10px; margin-bottom:15px; } .feature-items h1 {font-size: 26px; font-weight: normal; color: #899a32; margin-bottom: 10px;} .feature-items .item {width: 147px; float: left; margin-right: 6px; } .feature-items .item p {text-align: center; font-size: 14px; padding: 5px 10px;} .feature-items .item p a {color: #5d5d5d; text-decoration: none;} .feature-items .item p a:hover {text-decoration: underline;} .feature-items .what-kind-of-gardener {margin-left:245px;} .feature-items .what-kind-of-gardener td {vertical-align: middle;padding:0 5px 15px 0;} .feature-items .what-kind-of-gardener .what-kind-of-gardener-title {font-size: 14px; color: #333; line-height: 18px; text-align:right;} .feature-items .what-kind-of-gardener .what-kind-of-gardener-select {width:280px;} .feature-items .what-kind-of-gardener .what-kind-of-gardener-go {padding-right:0;} .btn-go {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/btn-go.png) no-repeat left top; width: 18px; height: 18px; display: block; text-indent:-9999px; border:0;cursor:pointer;} /* inspiration */ #inspiration .bottom-panel {border: 1px solid #e7e7e7; padding: 1px; margin: 0px 14px 10px 14px;} #inspiration .bottom-panel .bg-box {background: #f1f1f1; padding: 10px; height:180px;} #inspiration .bottom-panel .content-left {width: 285px; float: left; border-right:1px solid #e7e7e7; } #inspiration .bottom-panel .content-middle {width: 285px; float: left; padding: 0px 10px; border-right:1px solid #e7e7e7;} #inspiration .bottom-panel .content-right {width: 285px; float: left; padding-left:10px;} #inspiration .bottom-panel h2 {font-size: 18px; font-weight: normal; margin-bottom: 10px;} #inspiration .bottom-panel h2 a {color: #5d5d5d; text-decoration: none;} #inspiration .bottom-panel h2 a:hover {text-decoration: underline;} #inspiration .bottom-panel .item-images {display: block; float: left; width: 107px;} #inspiration .bottom-panel .item-images img {width: 107px;} #inspiration .bottom-panel p { margin-left: 120px; color: #505050; font-size: 14px; line-height: 20px;} #inspiration .bottom-panel p a {color: #899a32; text-decoration: none;} #inspiration .bottom-panel p a:hover {text-decoration: underline; } /* inspiration version 2 */ .inspiration h1 {font-size: 26px; font-weight: normal; margin-bottom: 10px; color: #899a32;} .inspiration h2 {font-size: 26px; font-weight: normal; margin-bottom: 10px; color: #899a32;} .inspiration h3 {font-size: 19px; font-weight: normal; margin: 5px 0 5px 0; color: #899a32; padding-bottom: 0;} .inspiration h3 span.dark-text {color: #333333;} .inspiration a {color: #899a32;} .inspiration a:hover {text-decoration: underline;} .inspiration p {font-size: 12px; line-height:16px;} .inspiration .hero-left {width:625px; float:left;} .inspiration .video-musings-panel {clear:both;} .inspiration .video-musings-panel .video {width: 314px; float:left;} .inspiration .video-musings-panel .video .icon-you-tube {width:58px; float:left;} .inspiration .video-musings-panel .video .video-copy {width:240px; float:left;} .inspiration .video-musings-panel .musing {width: 296px; float:left;} .inspiration .video-musings-panel .your-style {width:222px; float:left; margin: 0 0 6px 15px;} .inspiration .hero-right {width:305px; float:left;padding-top:36px;} .inspiration .hero-right .right-plant {margin-bottom:8px;} .inspiration .hero-right p {padding-bottom:10px;} .inspiration .hero-right .customer-favourites-image {width:65px; height:65px; float:left; clear:both;} .inspiration .hero-right .customer-favourites-image img {width:60px; height:60px;} .inspiration .hero-right .customer-favourites-copy {width:240px; height:65px; float:left;} .inspiration .hero-right .customer-favourites-copy h4, .inspiration .hero-right .customer-favourites-copy h4 a {font-size:12px; line-height:14px; font-weight:bold; color: #333333;} .inspiration .hero-right .customer-favourites-copy p {font-size:10px; line-height:14px; padding-bottom:0;} .inspiration .hero-right .crocus-club-panel {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/inspiration/crocus-club-background-panel.png) no-repeat left top; width:299px; height:295px; clear:both;} .inspiration .hero-right .crocus-club-panel .crocus-club {padding:15px 0 5px 60px;} .inspiration .hero-right .crocus-club-panel .crocus-club-facebook {padding: 0 0 0 12px; width:250px;} .inspiration .hero-right .crocus-club-panel .crocus-club-twitter {padding: 0 0 0 12px; float:left; width:152px; height:24px;} .inspiration .hero-right .crocus-club-panel .crocus-club-pinterest {padding: 0; float:left; width:122px; height:24px;} .inspiration .blog-panel {border: 1px solid #e7e7e7; padding: 3px; margin: 10px 0 10px 0;} .inspiration .blog-panel .bg-box {background: #f1f1f1; padding: 10px;} .inspiration .blog-panel .diary-panel {width:217px; float:left; border-right:1px solid #e7e7e7; margin-right:10px;} .inspiration .blog-panel .diary-panel p {padding-right:5px;} .inspiration .blog-panel .right-panel {width:210px; margin-right:0px; border-right:none;} .inspiration .blog-panel .right-panel p {padding-right:0;} .inspiration .blog-panel h3 {font-size: 18px;} .inspiration .blog-panel h4 {font-size: 20px; color: #333333; margin:5px 0 5px 0;} .inspiration .ready-made-borders-left {width:316px; float:left;} .inspiration .ready-made-borders-right {width:610px; float:left;} .inspiration .ready-made-borders-left a, .inspiration .ready-made-borders-left a:hover {color: #20aab5} .inspiration .ready-made-borders-left p, .inspiration .ready-made-borders-left p.title {padding:10px 10px 0 10px;} .inspiration .ready-made-borders-left p.title a, .inspiration .ready-made-borders-left p.title a:hover {color: #333333;} .inspiration .feature-panel-left {width:302px; float:left; margin-right:15px; margin-bottom:15px; clear:both;} .inspiration .feature-panel-right {width:614px; float:left; margin-right:0; margin-bottom:15px;} .inspiration .feature-panel-first {width:302px; float:left; margin-right:15px; margin-bottom:15px; clear:both;} .inspiration .feature-panel-middle {width:292px; float:left; margin-right:15px; margin-bottom:15px;} .inspiration .feature-panel-last {width:292px; float:left;} .inspiration .feature-panel-small {width:141px; float:left; margin-right:5px; margin-top:5px;} .inspiration .feature-panel-small a, .inspiration .feature-panel-small a:hover {color: #20aab5; } .inspiration .feature-read-more {float:right; padding-top:5px;} .inspiration .symptom-selector {padding:5px 0;white-space:nowrap;overflow:hidden;width:427px;margin:-5px 0 10px 0;} .inspiration .symptom-selector label {font-size:16px;font-weight:normal;color:#788627;line-height:1em;float:left;display:block;padding-right:5px;white-space:nowrap;width:105px;} .inspiration .symptom-selector select {float:left;width:170px;margin-right:5px;} .inspiration .go_btn {background:url('https://img.crocdn.co.uk/images/affiliates/crocus/btn-go.png') no-repeat; border:0; text-indent:-9999px;width:18px;height:18px;margin:0;padding:0;} .inspiration .article-row-separator {clear:both;height:20px;width:927px;border-top:1px solid #eaeaea;margin-top:20px;} .inspiration .article-row-separator-no-line {clear:both;height:15px;width:927px;margin-top:15px;} .inspiration .choosing-right-plant {width:470px; float:left;} .inspiration .choosing-panel {width:222px; float:left; margin: 0 5px 6px 0;} .inspiration .choosing-panel h3 {padding:13px 0 8px 0;} .inspiration .what-kind-of-gardener {width:300px; float:left;border: 1px solid #e7e7e7; padding: 2px; margin: 0;} .inspiration .what-kind-of-gardener .bg-box {background: #f7f8fa; padding: 4px;} .inspiration .what-kind-of-gardener p {margin-bottom:5px;} .inspiration p.title, .inspiration p.title a {font-weight:bold;margin-top:8px; color: #333333;} .inspiration .your-style p.title, .inspiration .your-style p.title a {color:#3a3a3a; font-size:17px; font-weight:normal; padding-bottom:5px;} .inspiration .what-kind-of-gardener td {vertical-align: middle;padding:0 5px 8px 0;} .inspiration .what-kind-of-gardener .what-kind-of-gardener-title {font-size: 12px; color: #788627; line-height: 14px; text-align:right;} .inspiration .what-kind-of-gardener .what-kind-of-gardener-select {width:160px;} .inspiration .what-kind-of-gardener .what-kind-of-gardener-go {padding-right:0;} .inspiration .soil-type { background-color: #838e42; padding: 10px; clear:both; width:594px; margin-bottom:10px;} .inspiration .soil-type h2 { color: #e6eeb3; } .inspiration .soil-type p { color: white; margin-bottom:3px;} .inspiration .soil-type #soil-type-form { background-color: #d9e1a4; padding: 5px; } .inspiration .soil-type #soil-type-form #postcode { width: 123px; } .inspiration .soil-type #soil-type-form #ajax-loader {display:none;} .inspiration .soil-type #soil-type-form #soil-type-container { display: none; margin-left: 15px; } .inspiration .soil-type #soil-type-form #find-soil-type { display: inline-block; vertical-align: middle; } .inspiration .soil-type #soil-type-form #plant-type-form { display: none; margin-top: 5px; } .inspiration .soil-type #soil-type-form #plant-type-form #find-plants { display: inline-block; vertical-align: middle; margin-bottom: 3px; } .inspiration .soil-type #soil-type-form #soil-type-result { font-weight: bold; } /* article what's your style thumbnails*/ #features ul.offers li {width:172px;height:170px;float:left;text-align:center;} #features .card {width:172px;height:170px;float:left;text-align:center;margin-top:5px;} #features .card a {display: block;} #features .card img {margin-top:10px;border: 5px solid rgb(238, 238, 238); width:120px; height:100px;} #features .symptom-selector {display:none;} #features h2 {clear:both;} #emailFriend {display:none;} /* what's your style main page */ #whats-your-style #hero-banner {width:933px;} #whats-your-style #featured-plants {background-color:#e6e6e6; width:933px; display:block; padding-top:16px; margin-bottom:20px;} #whats-your-style h2 {color:#4e4e4e; font-size:22px; margin-bottom:15px;} #whats-your-style #more-inspiration h2 {padding-left:8px;} #whats-your-style #featured-plants p {color:#4e4e4e; font-size:14px; line-height:18px; margin-bottom:10px;} #whats-your-style #featured-plants #featured-plants-title-panel {float:left; width:278px; margin:0 10px 0 10px;} #whats-your-style #featured-plants .featured-plant {width: 140px; float: left; margin-right: 18px; font-size: 14px; line-height: 18px;} #whats-your-style #featured-plants .featured-plant-last {border-right:0;} #whats-your-style #featured-plants .featured-plant .featured-plant-name {color:#748413; text-decoration:underline; font-size: 14px; margin:5px 0 10px 0; text-align:center;} #whats-your-style #garden-style-full {width:931px; margin-bottom:24px;} #whats-your-style #garden-style-left {width:455px; float:left; margin:0 20px 20px 0;} #whats-your-style #garden-style-right {width:455px; float:left; margin:0 0 20px 0;} #whats-your-style .nav-button {width:226px; float:left; margin:0 8px 10px 0;} #whats-your-style .nav-button-last {margin-right:0;} /* jobs for the week */ #features #content_main .jobs_card {position:relative;float:left;width:295px;margin:10px 40px 0 0;} #features #content_main .alt {margin-right:0;clear:right;} #features #content_main .jobs_card h3 {font-size: 1.5em; /* 18px approx. */ font-weight:normal; margin-bottom:5px;} #features #content_main .jobs_card div {padding:10px 0;} #features #content_main .jobs_card div h4, #features #content_main .jobs_card div p {padding:0 5px 0 10px;font-weight:normal;line-height:1.5em;margin:0 0 10px 0;} #features #content_main .jobs_card div h4 {font-size:1.2em;margin:5px 0 2px 0;} #features #content_main .jobs_card img {border:5px solid #F9F7F8;} #features #content_main .jobs_card .shade {background-color:#F9F7F8;} #features .jobs_card a {color:#6E4622;text-decoration:none;} /* plant combinations and ready-made borders */ .choosing-plants {padding: 5px 0px 10px 0px;} .choosing-plants .nav-photos{background: #f7f7f5; padding: 6px; margin: 0px; width: 145px; float: left; font-weight: normal} .choosing-plants .nav-photos h3 {font-size: 18px; font-weight: normal; color: #899a32; margin: 5px 0px 15px 3px;} .choosing-plants .nav-photos li {margin-bottom:15px;} .choosing-plants .nav-photos li img {width: 145px;} .choosing-plants .nav-photos li p {color: #494949; line-height: 20px;} .choosing-plants .nav-photos li p a {color: #899a32; text-decoration: none;} .choosing-plants .nav-photos li p a:hover {text-decoration: underline;} .choosing-plants .content-wrap {width: 770px; float: right;} .choosing-plants .content-wrap .hero-showcase-image {margin: 0px 0px 17px 23px;} .choosing-plants .content-wrap .photo-wrap {padding-bottom: 5px;} .choosing-plants h1 {font-size: 23px; font-weight: normal; color: #899a32; margin: 5px 0px 15px 23px;} .choosing-plants .section_card { float: left; width: 350px; height:168px; border: 1px solid rgb(231, 231, 231); padding: 1px; margin: 0 0 17px 23px;} .choosing-plants .section_card .content { background: none repeat scroll 0% 0% rgb(249, 249, 249); padding: 15px; overflow: hidden;} .choosing-plants .section_card .content .content-image {float:left; width:146px; } .choosing-plants .section_card .content .content-text {float:left; width:169px;} .choosing-plants .section_card p { overflow: hidden; padding: 2px 9px; line-height:18px;} .choosing-plants .section_card h3 {font-size: 1.4em;color: #5d5d5d; line-height:24px; margin-left: 9px;} .choosing-plants .section_card .content .content-text ul {padding-left: 9px;} .choosing-plants .section_card .content .content-text ul li {background: url("https://img.crocdn.co.uk/images/affiliates/crocus/ico_arrow.gif") no-repeat scroll left 4px transparent;padding-left:8px;} .choosing-plants .section_card .content .content-text ul li a {color: #535353; text-decoration: none;line-height:14px;} .choosing-plants .section_card .content .content-text ul li a:hover {text-decoration: underline;} /* right plant right place */ .right-plant {padding: 5px 0px 10px 0px;} .right-plant h1 {font-size: 23px; font-weight: normal; color: #899a32; margin: 5px 0px 15px 0;} .right-plant .section_card_half {float: left; width: 446px; height:246px; border: 1px solid rgb(231, 231, 231); padding: 1px; margin-bottom: 20px;} .right-plant .section_card_full {clear:both; float: none; width: 916px; height:246px; border: 1px solid rgb(231, 231, 231); padding: 1px; margin-bottom: 20px;} .right-plant .section_card_margin-right {margin-right:20px;} .right-plant .section_card_half_video {float:left; width:450px;} .right-plant .section_card_half .content, .right-plant .section_card_full .content { background: none repeat scroll 0% 0% rgb(249, 249, 249); padding: 13px; overflow: hidden; height:220px;} .right-plant .section_card_half .content .content-image {float:left; width:220px; margin-right:15px;} .right-plant .section_card_full .content .content-image {float:left; width:690px; margin-right:15px;} .right-plant .section_card_half .content .content-text, .right-plant .section_card_full .content .content-text {float:left; width:180px;} .right-plant .content h3 {font-size: 1.4em;color: #5d5d5d; line-height:24px; margin-bottom:5px;} .right-plant .content p { overflow: hidden; padding-top: 2px; line-height:18px;} .right-plant .content .content-text ul li {background: url("https://img.crocdn.co.uk/images/affiliates/crocus/ico_arrow_medium.png") no-repeat scroll left 4px transparent; padding-left:12px; line-height:20px; font-size: 14px;} .right-plant .content .content-text ul li a {color: #535353; text-decoration: none;} .right-plant .content .content-text ul li a:hover {text-decoration: underline;} /* page not found */ .page-not-found {padding: 20px 45px 40px 45px;} .page-not-found h1 {font-size:30px;color:#617100;font-weight:bold;padding-bottom:15px;} .page-not-found h2 {font-size:21px;color:#5d5d5d;font-weight:normal;line-height:40px;padding-bottom:15px;} .page-not-found a {font-size:14px;color:#647500;text-decoration:underline;} .page-not-found a:hover {text-decoration:none;} .page-not-found .page-not-found-header-image {width:873px;height:166px;background: url(https://img.crocdn.co.uk/images/affiliates/crocus/404-header.jpg) no-repeat left top;display:block;margin-bottom:20px;} .page-not-found .page-not-found-left {width:142px;height:62px;background: url(https://img.crocdn.co.uk/images/affiliates/crocus/404.png) no-repeat left top;display:block;float:left;margin-right:20px;} .page-not-found .page-not-found-right {width:685px;display:block;float:left;} /* cookies notice*/ .cookies-notice {background-color:#edeff0; background-image:url(https://img.crocdn.co.uk/images/affiliates/crocus/cookie-background.png); background-repeat:repeat-x; height:31px; position:relative; width:100%; color:#fff; font-family:Arial; text-align:center; line-height:26px} .cookies-notice-panel {width:960px; margin:0 auto} .cookies-notice a {color:#4e463d} .cookies-notice .cookies-notice-header a.cookies-agreement-link {background-image:url(https://img.crocdn.co.uk/images/affiliates/crocus/cookie-agreement-button-blue.png); background-repeat:no-repeat; display:block; height:24px; margin-right:7px; width:24px; margin-top:4px; float:right} .cookies-notice .cookies-notice-header .cookies-notice-title {color:#5e8ca8; font-weight:700; font-size:12px; text-decoration:underline} .cookies-notice .cookies-notice-header {position:relative; width:100%} .cookies-notice .cookies-notice-message {color:#4e463d; font-size:12px; padding-top:3px} .cookies-notice .cookies-notice-message p {margin:0} /**************** MY ACCOUNT MODIFIED FOR EXISTING SITE ****************/ #order-tracking .white-box, #my-account .white-box {background: #fff; padding: 10px 10px; clear:both; display:block; overflow:auto;} #order-tracking .crocus-nav-box, #my-account .crocus-nav-box {padding-top: 27px; margin-bottom: 15px; background: url(https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/BgNavContainer.gif) repeat-x left bottom; height: 40px;} #order-tracking .crocus-nav-box .crocus-nav, #my-account .crocus-nav-box .crocus-nav {float: right;} #order-tracking .crocus-nav-box .crocus-nav li, #my-account .crocus-nav-box .crocus-nav li {float: right; margin-left: 2px;} #order-tracking .crocus-nav-box .crocus-nav li a, #my-account .crocus-nav-box .crocus-nav li a {background: #e4e4e4;display: block; line-height: 40px; color: #363636; font-size: 11px; padding: 0px 10px; text-decoration: none;} #order-tracking .crocus-nav-box .crocus-nav li a:hover, #my-account .crocus-nav-box .crocus-nav li a:hover {background: #bec676;} #order-tracking .crocus-nav-box .crocus-nav .SelectNav a, #my-account .crocus-nav-box .crocus-nav .SelectNav a {background: #bec676;} #order-tracking .crocus-nav-box p, #my-account .crocus-nav-box p {line-height: 40px; color: #565656; float: left; width:460px;} #order-tracking .crocus-nav-box p a, #my-account .crocus-nav-box p a {color: #4a83b4; text-decoration: none;} #order-tracking .crocus-nav-box p a:hover, #my-account .crocus-nav-box p a:hover {text-decoration: underline;} #order-tracking .crocus-nav-box span, #my-account .crocus-nav-box span {color: #9fa439; font-size: 21px; margin-right: 12px;} #my-account #back-to-main {display:none;} /* MY ACCOUNT ICONS */ #my-account_menu {display:block; height:130px; padding-left:10px;} .ico-med_order-tracking { background: url("https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/medium_truck.png") no-repeat scroll 0% 0% transparent; width: 175px; height: 110px; display: block; text-indent: -999em; float:left;} .ico-med_my-address-book { background: url("https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/medium_my-address-book.png") no-repeat scroll 0% 0% transparent; width: 175px; height: 110px; display: block; text-indent: -999em; float:left;} .ico-med_my-account-details { background: url("https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/medium_my-account-details.png") no-repeat scroll 0% 0% transparent; width: 175px; height: 110px; display: block; text-indent: -999em; float:left;} .ico-med_wish-list { background: url("https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/medium_wish-list.png") no-repeat scroll 0% 0% transparent; width: 92px; height: 110px; display: block; text-indent: -999em; float:left;} /**************** MY ACCOUNT MODIFIED FOR EXISTING SITE ENDS ****************/ /**************** MY CROCUS ****************/ #mycrocus {width: 960px; background: #fff; margin: 0px auto; min-height: 200px;} /*** My Crocus-Account Details ****/ .MyCrocus-AccountDetails {} #mycrocus .crocus-nav-box {padding-top: 37px; margin-bottom: 15px; background: url(https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/BgNavContainer.gif) repeat-x left bottom; height: 40px;} #mycrocus .crocus-nav-box .crocus-nav {float: right;} #mycrocus .crocus-nav-box .crocus-nav li {float: right; margin-left: 2px;} #mycrocus .crocus-nav-box .crocus-nav li a {background: #e4e4e4;display: block; line-height: 40px; color: #363636; font-size: 11px; padding: 0px 10px; text-decoration: none;} #mycrocus .crocus-nav-box .crocus-nav li a:hover {background: #bec676;} #mycrocus .crocus-nav-box .crocus-nav .SelectNav a {background: #bec676;} #mycrocus .crocus-nav-box p {line-height: 40px; color: #565656; float: left;} #mycrocus .crocus-nav-box p a {color: #4a83b4; text-decoration: none;} #mycrocus .crocus-nav-box p a:hover {text-decoration: underline;} #mycrocus .crocus-nav-box span {color: #9fa439; font-size: 21px; margin-right: 12px;} .LeftWrapCrocus {width: 175px; float: left; padding-top: 10px;} .LeftWrapCrocus h4 {font-size: 14px; color: #62615d; margin-bottom: 20px; font-weight: bold;} .LeftWrapCrocus p {font-size: 11px; color: #6e6965; margin-bottom: 30px; line-height: 20px;} .LeftWrapCrocus p strong {font-size: 19px; color: #a6ad3d;} .LeftWrapCrocus p span {font-size: 14px; color: #6e6965;} .LeftWrapCrocus p a {color: #3b9cb4;text-decoration: underline;} .LeftWrapCrocus p a:hover {text-decoration: none;} #my-account .RightWrapCrocus {width:636px;float:left;margin-left:20px;} label.error{color: red;} #mycrocus .acc-details label {width:140px; display:inline-block } #mycrocus .acc-details label.error {margin-left: 10px; width:260px;} #mycrocus .acc-details form { width:720px; } #mycrocus .acc-details form input#emailAddress, input#emailAddressVerify{ width:200px; } #mycrocus .acc-details .save-button {margin-left:145px } #mycrocus .acc-details .RightWrapCrocus {margin-left:20px; float: left; color: #363636;} #mycrocus .acc-details h2 {font-size: 18px; font-weight: normal; color: #62615d; margin-bottom: 15px;} #mycrocus .acc-details .RightWrapCrocus h4 {font-size: 14px; margin-bottom: 20px; text-align: center;} #mycrocus .acc-details .RightWrapCrocus ul {padding-bottom: 30px;} #mycrocus .acc-details .RightWrapCrocus .LabelWrap {width: 222px; float: left;} #mycrocus .acc-details .RightWrapCrocus .LabelWrap p {font-weight: bold; text-align: right; line-height: 20px; margin-bottom: 7px;} #mycrocus .acc-details .RightWrapCrocus .InputWrap {width: 220px; float: left; padding-left: 5px;} #mycrocus .acc-details .RightWrapCrocus .InputWrap input {width: 165px; height: 18px; border: 1px solid #cecece; border-top: 1px solid #8f8f8f; display: block; margin-bottom: 7px; padding: 0px 5px;} .ChangeEmailBut,.ChangePassBut {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/ChangeEmailBut.gif) no-repeat left top; width: 105px; height: 14px; display: block; float: right;} .ChangePassBut {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/ChangePassBut.gif) no-repeat left top;} /*** My Crocus-HOME PRIVATE ****/ .MyCrocus-home-private {} .MyCrocus-home-content {} /* main-home */ .MyCrocus-home-content .main-home {border-bottom: 1px solid #edf4f5; padding-bottom: 5px;} #mycrocus .home .main-home .crocus-user {width: 490px; float: left; padding-top: 10px;} #mycrocus .home .crocus-user .img-user {width: 192px; float: left; display: block;} #mycrocus .home .crocus-user .img-user img {width: 192px;} #mycrocus .home .crocus-user .content-user {margin-left: 206px; color: #505050;} #mycrocus .home .crocus-user .content-user h2 a {font-size: 18px; color: #9aa92d; text-decoration: none; line-height: 20px; font-weight: normal;} #mycrocus .home .crocus-user .content-user h2 a:hover {text-decoration: underline;} #mycrocus .home .crocus-user .content-user p {font-size: 12px; line-height: 18px;} #mycrocus .home .crocus-user .content-user .info-user {margin: 18px 0px;} #mycrocus .home .crocus-user .content-user .info-user span {font-weight: bold;} #mycrocus .home .main-home .latest-activity {width: 420px; float: right;} #mycrocus .home .latest-activity h1 {font-size: 20px; color: #9aa92d; margin-bottom: 10px; font-weight: normal;} #mycrocus .home .latest-activity .latest-activity-content {width: 100%;} #mycrocus .home .latest-activity-content .name {width: 70%;} #mycrocus .home .latest-activity-content .row {background: #f1f1f1;} #mycrocus .home .latest-activity-content td {padding: 0px 0px 0px 10px; line-height: 22px; font-size: 11px; color: #373737;} #mycrocus .home .latest-activity-content td strong {font-size: 12px; font-weight: bold;} #mycrocus .home .latest-activity .pag {text-align: right; color: #859320; line-height: 22px; font-size: 11px; padding-right: 25px;} #mycrocus .home .latest-activity .pag a {color: #859320;} #mycrocus .home .latest-activity .pag a:hover {text-decoration: none;} #mycrocus .home .photo-wrap {padding-top: 10px;} #mycrocus .home .photo-wrap li {padding-bottom: 13px;} #mycrocus .home .photo-wrap .title h1 {color: #9aa92d; font-size: 20px; font-weight: normal;} #mycrocus .home .photo-wrap .title h1 a {color: #9aa92d; font-size: 14px;} #mycrocus .home .photo-wrap .title h1 a:hover {text-decoration: none;} #mycrocus .home .photo-wrap .img-my-photo {display: block; float: left; margin-right: 13px; _margin-right: 12px;} #mycrocus .home .photo-wrap .last {margin-right: 0;} #mycrocus .home .photo-wrap .img-my-photo img {border: 4px solid #dddad7;} #mycrocus .home .my-photo-public {padding-top: 10px; width: 275px; float: left;} #mycrocus .home .my-photo-public li {padding-bottom: 8px;} #mycrocus .home .my-photo-public .title h1 {color: #9aa92d; font-size: 20px; margin-bottom: 10px; font-weight: normal;} #mycrocus .home .my-photo-public .title h1 a {color: #9aa92d; font-size: 14px;} #mycrocus .home .my-photo-public .title h1 a:hover {text-decoration: none;} #mycrocus .home .my-photo-public .img-my-photo {display: block; float: left; margin-right: 8px;} #mycrocus .home .my-photo-public .img-my-photo img {border: 4px solid #dddad7;} #mycrocus .home .order-history {width: 635px; float: right; border-left: 1px solid #dfdfdf; padding: 10px 0px 30px 20px;} #mycrocus .home .order-history h1 {font-size: 20px; color: #9aa92d; font-weight: normal;} #mycrocus .home .order-history table {width: 100%;} #mycrocus .home .order-history table .number {} #mycrocus .home .order-history table .date {width: 17%;} #mycrocus .home .order-history table .value {width: 17%;} #mycrocus .home .order-history table .recipient {width: 17%;} #mycrocus .home .order-history table .status {width: 17%;} #mycrocus .home .order-history table th {padding: 0px 0px 0px 10px; line-height: 40px; font-size: 14px; text-align: left; font-weight: normal;} #mycrocus .home .order-history table th a {color: #9aa92d;} #mycrocus .home .order-history table th a:hover {text-decoration: none;} #mycrocus .home .order-history table td {padding: 0px 0px 0px 10px; line-height: 22px; font-size: 12px; color: #373737;} #mycrocus .home .order-history table td span {text-decoration: underline;} #mycrocus .home .order-history table .row {background: #f1f1f1;} /* end-home-public-wrap */ /******* MY ORDERS - ORDER HISTORY - MODIFIED FOR EXISTING SITE ******/ #order-tracking .order-history {background: #fff; padding: 15px;} #order-tracking .order-history .RightWrapCrocus {width: 640px; float: right; color: #363636; padding-bottom: 10px;} #order-tracking .order-history h2 {font-size: 18px; font-weight: normal; color: #62615d; margin-bottom: 15px;} #order-tracking .order-history .order-history-table {width: 100%;} #order-tracking .order-history .order-history-table .number {} #order-tracking .order-history .order-history-table .date {} #order-tracking .order-history .order-history-table .value {} #order-tracking .order-history .order-history-table .recipient {} #order-tracking .order-history .order-history-table th {padding: 0px 0px 10px 10px; line-height: 35px; font-size: 16px; text-align: left; font-weight: normal; color: #9aa92d;} #order-tracking .order-history .order-history-table td {padding: 0px 0px 0px 10px; line-height: 22px; font-size: 12px; color: #373737;} #order-tracking .order-history .order-history-table .row {background: #f1f1f1;} #order-tracking .order-history .order-history-table a {color:#4a83b4;} #order-tracking .order-history .order-history-table a:hover {text-decoration:underline;} /******* MY ORDERS - ORDER HISTORY - MODIFIED FOR EXISTING SITE ENDS ******/ /******* MY ORDERS - ORDER HISTORY DETAILS - MODIFIED FOR EXISTING SITE ******/ #order-tracking a.btn_back-to-order-history {float:right;font-size: 18px; color: #8b9321; font-weight: normal; margin-bottom: 10px; padding-right: 20px;} #order-tracking a.btn_back-to-order-history:hover {text-decoration: underline;} #order-tracking .order-overview {line-height:20px;} #order-tracking .order-overview h3, #order-tracking .order-overview p.order-number {float:left;font-size: 18px; color: #666666; font-weight: normal; margin-bottom: 10px; } #order-tracking .order-overview dt {clear:left;float:left;font-weight:bold;width:150px;} #order-tracking .order-overview dd {float:left;} #order-tracking .order-detail {clear:left;padding-top:20px;} #order-tracking .order-detail #my-wheelbarrow {width:100%;line-height:20px;} #order-tracking .order-detail #my-wheelbarrow th {font-weight:bold;padding:5px;} #order-tracking .order-detail #my-wheelbarrow td {text-align:center;padding:5px;} #order-tracking .order-detail #my-wheelbarrow td.price, #order-tracking .order-detail #my-wheelbarrow th.price, #order-tracking .order-detail #my-wheelbarrow tfoot td {text-align:right;} #order-tracking .order-detail h3 {font-weight: bold;font-size: 15px;line-height: 38px;padding-left: 20px;color:#666666;} #order-tracking .order-history h2.order_tracking {display:none;} #order-tracking .order-history .intro {display:none;} /******* MY ORDERS - ORDER HISTORY DETAILS - MODIFIED FOR EXISTING SITE ENDS ******/ /******* My Crocus - ORDER HISTORY ******/ #mycrocus .order-history .RightWrapCrocus {width: 727px; float: right; color: #363636; padding-bottom: 10px;} #mycrocus .order-history h2 {font-size: 18px; font-weight: normal; color: #62615d; margin-bottom: 15px;} #mycrocus .order-history .order-history-table {width: 100%;} #mycrocus .order-history .order-history-table .number {} #mycrocus .order-history .order-history-table .date {width: 24%;} #mycrocus .order-history .order-history-table .value {width: 24%;} #mycrocus .order-history .order-history-table .recipient {width: 24%;} #mycrocus .order-history .order-history-table th {padding: 0px 0px 10px 10px; line-height: 35px; font-size: 16px; text-align: left; font-weight: normal;} #mycrocus .order-history .order-history-table th a {color: #9aa92d;} #mycrocus .order-history .order-history-table th a:hover {text-decoration: none;} #mycrocus .order-history .order-history-table td {padding: 0px 0px 0px 10px; line-height: 22px; font-size: 12px; color: #373737;} #mycrocus .order-history .order-history-table .row {background: #f1f1f1;} /******* My Crocus - ORDER HISTORY DETAIL ******/ #mycrocus .order-history-detail .RightWrapCrocus {background: #f7f7f7; width: 697px; float: right; color: #363636; padding: 15px;} #mycrocus .order-history-detail .RightWrapCrocus .white-box {background: #fff; padding: 15px 20px;} #mycrocus .order-history-detail .RightWrapCrocus h2.title {font-size: 18px; color: #666666; font-weight: normal; margin-bottom: 10px; padding-left: 20px;} #mycrocus .order-history-detail .RightWrapCrocus h2.title a {color: #8b9321; text-decoration: underline;} #mycrocus .order-history-detail .RightWrapCrocus h2.title a:hover {text-decoration: none;} #mycrocus .order-history-detail .RightWrapCrocus h3 {font-weight: bold; font-size: 15px; line-height: 38px; padding-left: 20px; color: #666666;} #mycrocus .order-history-detail .receipt-table {width: 100%; font-size: 12px;} #mycrocus .order-history-detail .receipt-table .Product-name {width: 360px; text-align: left;} #mycrocus .order-history-detail .receipt-table th {font-weight: bold; text-align: center; line-height: 18px; padding: 0px 0px 10px 0px;} #mycrocus .order-history-detail .receipt-table td {padding: 5px 0px; vertical-align: middle; text-align: center;} #mycrocus .order-history-detail .receipt-table td p {float: left; padding: 30px 0px 0px 20px;} #mycrocus .order-history-detail .receipt-table .img-table {float: left; width: 78px;} #mycrocus .order-history-detail .receipt-table p a { color: #666; text-decoration: underline;} #mycrocus .order-history-detail .receipt-table p a:hover {text-decoration: none;} #mycrocus .order-history-detail .receipt-table .total {text-align: left;} #mycrocus .order-history-detail .receipt-table .total strong {font-weight: bold; line-height: 16px; display: block;} #mycrocus .order-history-detail .receipt-table .total span {line-height: 16px; display: block;} #mycrocus .order-history-detail .receipt-table .total p {font-weight: bold; line-height: 16px; padding: 15px 0px 0px 0px;} #mycrocus .order-history-detail .address p {line-height: 24px;} #mycrocus .order-history-detail .address p strong {font-weight: bold;} #mycrocus .order-history-detail .Payment .column {width: 215px; float: left;} #mycrocus .order-history-detail .Payment .column h5 {font-size: 12px; font-weight: bold; margin-bottom: 10px;} #mycrocus .order-history-detail .Payment .column p {font-size: 14px;} /******* My Crocus - ADDRESS BOOK ******/ #mycrocus .address-book h2 {font-size: 18px; font-weight: normal; color: #62615d; margin-bottom: 15px;} #mycrocus .address-book .RightWrapCrocus {width: 495px; float: left; color: #4d4d4d; padding: 0px 0px 10px 70px;} #mycrocus .address-book .RightWrapCrocus p.Decription {margin-bottom: 20px; color: #363636;} #mycrocus .address-book .RightWrapCrocus p {font-size: 14px; line-height: 22px;} #mycrocus .address-book .RightWrapCrocus .add-new-but {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/AddNewBut.gif) no-repeat left top; width: 160px; height: 28px; display: block;} #mycrocus .address-book .RightWrapCrocus ul {padding: 18px 0px 10px 0px;} #mycrocus .address-book .RightWrapCrocus ul li {float: left;} #mycrocus .address-book .RightWrapCrocus ul li.name {width: 190px;} #mycrocus .address-book .RightWrapCrocus ul li.address {width: 240px;} #mycrocus .address-book .RightWrapCrocus ul li.action {padding-top: 5px;} #mycrocus .address-book .RightWrapCrocus ul h5 {font-weight: bold; font-size: 12px; font-weight: bold; line-height: 22px; color: #363636;} #mycrocus .address-book .RightWrapCrocus ul h5 span {font-weight: normal;} #mycrocus .address-book .RightWrapCrocus ul label{display: block; line-height: 24px;} #mycrocus .address-book .RightWrapCrocus .new-address{margin-bottom:20px; margin-top:20px;} #mycrocus .address-book .RightWrapCrocus .new-address td{width:150px; padding-bottom:5px;} .save-button, .save-button-disabled {display: block; line-height: 18px; border: 1px solid #d0d0d0; text-decoration: none;} .save-button {background-color: #e4e4e4; color: #8a8a8a; cursor: pointer} .save-button-disabled {background-color: #fff; color: #8a8a8a; cursor: pointer} .save-button:hover {background-color: #f4f4f4;} #mycrocus .edit-but {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/EditBut.gif) no-repeat left top; width: 41px; height: 14px; display: block; margin-bottom: 3px;} #mycrocus .delete-but {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/DeleteBut.gif) no-repeat left top; width: 52px; height: 15px; display: block;} /******* My Crocus - ADDRESS BOOK MODIFIED FOR EXISTING SITE ******/ #my-account .RightWrapCrocus #address-book, #my-account .RightWrapCrocus #address-book_intro {padding-left:50px;} #my-account .RightWrapCrocus #address-book_intro {margin-bottom: 20px; color: #363636;} #my-account .RightWrapCrocus #address-book_intro p {font-size: 14px; line-height: 22px;} #my-account .RightWrapCrocus .btn_add-new-address {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/AddNewBut.gif) no-repeat left top; width: 160px; height: 28px; display: block;border:0;text-indent:-9999px;cursor:pointer;} #my-account .RightWrapCrocus #address-book ul li.vcard {margin-top:20px;} #my-account .RightWrapCrocus #address-book ul li .details {width: 240px;float:left;clear:both;padding-bottom:20px;} #my-account .RightWrapCrocus #address-book ul li .options {width: 220px;float:left;padding-bottom:20px;} #my-account .RightWrapCrocus #address-book ul li .actions {width: 70px;float:left;padding-bottom:20px;padding-top:5px;} #my-account .RightWrapCrocus #address-book ul li .details h3 { font-size: 12px; line-height: 22px; color: #363636; margin-bottom:5px;margin-top:0;} #my-account .RightWrapCrocus #address-book ul li .details h3 span.given-name {font-weight: bold;} #my-account .RightWrapCrocus #address-book ul li .options strong {font-weight: bold;} #my-account .RightWrapCrocus p {line-height: 22px;} #my-account .RightWrapCrocus #AddressIsDelivery, #my-account .RightWrapCrocus #AddressIsHome {margin: 6px 0;} .btn_edit {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/EditBut.gif) no-repeat left top; width: 41px; height: 14px; display: block; margin-bottom: 3px;text-indent:-9999px; border:0;cursor:pointer;} .btn_delete {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/DeleteBut.gif) no-repeat left top; width: 52px; height: 15px; display: block;text-indent:-9999px; border:0;cursor:pointer;} /******* My Crocus - ADDRESS BOOK MODIFIED FOR EXISTING SITE ENDS ******/ /******* My Crocus - ACCOUNT OPTIONS MODIFIED FOR EXISTING SITE ******/ #my-account .RightWrapCrocus p.intro {padding-left:50px;margin-bottom: 20px; color: #363636;font-size: 14px; line-height: 22px;} #my-account .RightWrapCrocus #my-account_edit dl {overflow:hidden;padding-left:7px;} #my-account .RightWrapCrocus #my-account_edit dt {text-align:right; padding:7px 0.5em;float:left;clear:left;font-weight:bold;} #my-account .RightWrapCrocus #my-account_edit dd {padding:2px 0;text-align:left;clear:right;overflow:hidden;height:1%;} #my-account .RightWrapCrocus #my-account_edit .label-long {width:12em;} #my-account .RightWrapCrocus #my-account_edit .btn_change-email { background: url("https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/ChangeEmailBut.gif") no-repeat scroll left top transparent; width: 105px; height: 14px; display: block; float: right; text-indent:-9999px; border:0;cursor:pointer;} #my-account .RightWrapCrocus #my-account_edit .btn_change-password { background: url("https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/ChangePassBut.gif") no-repeat scroll left top transparent; width: 105px; height: 14px; display: block; float: right; text-indent:-9999px; border:0;cursor:pointer;} #my-account .RightWrapCrocus #my-account_edit .btn_change-mailing { background: url("https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/ChangeEmailingBut.gif") no-repeat scroll left top transparent; width: 105px; height: 14px; display: block; float: right; text-indent:-9999px; border:0;cursor:pointer;} #my-account .RightWrapCrocus #my-account_edit fieldset {width:381px; margin-bottom:2em; margin-left:20px;} /******* My Crocus - ACCOUNT OPTIONS MODIFIED FOR EXISTING SITE ENDS ******/ /******* My Crocus - WISHLIST MODIFIED FOR EXISTING SITE ******/ #my-account #wish-list-actions .btn_go { background: url("https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/GoBut.gif") no-repeat scroll left top transparent; width: 29px; height: 15px; display: block; text-indent:-9999px; border:0;cursor:pointer;margin-left:3px;margin-top:2px;} #my-account .action-wishlist {margin-bottom:20px;} #my-account .action-wishlist h2 {font-size: 18px; font-weight: normal; color: #62615d;} #my-account .action-wishlist a {background: #f9f6f0; border: 1px solid #d5c7a4; display: block; float: right; padding: 0px 20px; line-height: 20px; color: #4e4e4e; font-size: 10px; text-decoration: none; margin-left: 10px;} #my-account .action-wishlist .ShareIcon {background: #f9f6f0 url(https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/ShareIcon.gif) no-repeat 2px center; padding: 0px 20px 0px 28px;} #my-account .action-wishlist a:hover {background-color: #eee4cc;} #my-account #my-wheelbarrow td.availability {padding-left:35px; background:url('https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/truck-icon.png') no-repeat left top;} #my-account #my-wheelbarrow td.product_photo {width:90px;} #my-account #my-wheelbarrow .price {text-align:right;} #my-account #my-wheelbarrow td.item_price a {color: #4a83b4;} #my-account #my-wheelbarrow td.item_price a:hover {text-decoration:underline;} #my-account #my-wheelbarrow td {padding: 0 5px; vertical-align: top; line-height: 18px;} #my-account #my-wheelbarrow #wish-list-actions td {padding: 0 5px 25px 0} #my-account #my-wheelbarrow a.btn_buy {background: url("https://img.crocdn.co.uk/images/affiliates/crocus/buy-button.png") no-repeat scroll left top transparent; width: 67px; height: 23px; display: block; text-indent:-9999px; border:0;cursor:pointer;} #my-account #my-wheelbarrow .btn_delete {background: url("https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/RemoveIcon.gif") no-repeat scroll 2px center rgb(249, 246, 240); border: 1px solid rgb(213, 199, 164); display: block; padding: 0px 0px 0px 15px; line-height: 16px; color: rgb(147, 147, 147); font-size: 10px; text-decoration: none; margin: 8px 0 8px 0; text-indent:0; width:48px; } #my-account #my-wheelbarrow .btn_delete:hover {color: #666666;} #my-account #my-wish-list_add {line-height:20px;} #my-account #my-wish-list_add .btn_continue {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/ContinueButton.gif) no-repeat left top; display: block; width: 124px; height: 34px; border:0; text-indent:-9999px;cursor:pointer;float:right;padding-right:500px;} #my-account #my-wish-list_add .btn_back {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/BackButton.gif) no-repeat left top; display: block; width: 124px; height: 34px; border:0; text-indent:-9999px;cursor:pointer;} #my-account #my-wheelbarrow .btn_mailing { background-color: #F9F6F0; border: 1px solid #D5C7A4; color: #939393; display: block; font-size: 11px; height: 15px; margin: 8px 0; padding: 0 2px 2px 4px; text-align: left; text-decoration: none; width: 120px; } #my-account #my-wheelbarrow .email-me-message { float: right; } .new-wish-list-item .tab-add-to-wishlist {position: absolute;top: -19px;left: -3px;font-weight: bold;} .wish-list-item {position: relative;margin-top: 50px;float: left;clear: both;width: 99%;} .wish-list-item .product-photo {float: left;padding: 15px 5px;} .wish-list-item .product-description {float: left;width: 45%;padding: 15px 0px 15px 15px;} .wish-list-item .product-attr {float: right;clear: right;width: 40%;padding: 15px 0px;} .wish-list-item .price-heading, .wish-list-item .availability-heading {position: relative;top: -35px;margin-bottom: -1em;} .wish-list-item .availability-heading , .wish-list-item .price-heading {font-weight: bold;} .wish-list-item .price, .wish-list-item .availability, .wish-list-item .price-heading, .wish-list-item .availability-heading {display: block;} .wish-list-item .product-attr li { display: inline; float: left; padding: 0px; list-style: none outside none; width: 40%;} /******* Mail Wishlist Starts ******/ #my-wish-list_mail {padding:20px 0;overflow:hidden;} #my-wish-list_mail .column {width:45%;float:left;padding:0 15px;} * html #my-wish-list_mail .column {width:44%;} #my-wish-list_mail h3 {margin-bottom:20px;} #my-wish-list_mail .btn_send {float:right;} #my-account #wish-list_intro p {line-height:22px;color: #363636;font-size:14px;} #my-wish-list_mail textarea {width:370px;margin-top:10px;} #my-wish-list_mail #new-mailing-list dl {background:#F3F4F6;padding:5px 15px;overflow:hidden;height:1%;margin-top:10px;} #my-wish-list_mail #new-mailing-list dl input {width:240px;} #my-wish-list_mail #new-mailing-list dt,#my-wish-list_mail #new-mailing-list dd {margin-bottom:0.5em;} #my-wish-list_mail #new-mailing-list label {line-height:1.2em;} #my-wish-list_mail #new-mailing-list button {float:right;margin-left:5px;} #my-wish-list_mail #current-mailing-list {width:100%;margin-top:15px;} /*#my-wish-list_mail #current-mailing-list thead tr {background:url(../../images/separator.gif) repeat-x left bottom;}*/ #my-wish-list_mail #current-mailing-list th {font-weight:bold;vertical-align:bottom;text-align:center;padding:5px 0;line-height:1.5em;} #my-wish-list_mail #current-mailing-list th:first-child, #my-wish-list_mail #current-mailing-list th.first {text-align:left;} #my-wish-list_mail #current-mailing-list th.details {text-align:left;} /*#my-wish-list_mail #current-mailing-list tbody tr {background:url(../../images/separator2.gif) repeat-x left bottom;} */ #my-wish-list_mail #current-mailing-list td {vertical-align:top;padding:7px 0 2px;text-align:center;} #my-wish-list_mail #current-mailing-list td:first-child, #my-wish-list_mail #current-mailing-list td.first {width:30%;text-align:left;} #my-wish-list_mail #current-mailing-list td+td+td {width:25%;text-align:center;} #my-wish-list_mail #current-mailing-list td label {font-weight:normal;} #my-wish-list_mail #current-mailing-list .btn_edit,#my-wish-list_mail #current-mailing-list .btn_delete {float:left;margin-right:5px;} #my-wish-list_mail .btn_send {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/SendButton.gif) no-repeat left top; display: block; width: 124px; height: 34px; border:0; text-indent:-9999px;cursor:pointer;margin-top:5px;} #my-wish-list_mail #new-mailing-list dl input.btn_add {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/AddBut.gif) no-repeat left top; display: block; width: 50px; height: 14px; border:0; text-indent:-9999px;cursor:pointer;float:left;margin-right:50px;} #my-wish-list_mail #new-mailing-list dl input.btn_clear {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/ClearBut.gif) no-repeat left top; display: block; width: 50px; height: 14px; border:0; text-indent:-9999px;cursor:pointer;float:left;} /******* Mail Wishlist Ends ******/ /******* My Crocus - WISHLIST MODIFIED FOR EXISTING SITE ENDS ******/ /*todo - copied this from wheelbarrow address.. could be merged?*/ /******* My Crocus - REMINDER SERVICE ******/ #mycrocus .reminder-service h2 {font-size: 18px; font-weight: normal; color: #62615d; margin-bottom: 15px;} #mycrocus .reminder-service .RightWrapCrocus {width: 565px; float: left; color: #000; padding: 0px 0px 10px 70px;} #mycrocus .reminder-service .RightWrapCrocus h4 {font-size: 14px; font-weight: normal; line-height: 20px;} #mycrocus .reminder-service .RightWrapCrocus h2 {font-size: 18px; font-weight: normal; line-height: 20px; color: #878e31; margin-bottom: 20px;} #mycrocus .reminder-service .event-calendar {width: 180px; float: left; margin-top: 25px;} #mycrocus .reminder-service .event-calendar .Calendar {margin-bottom: 15px;} #mycrocus .reminder-service .event-calendar p {font-size: 12px; font-weight: bold; color: #b25900; line-height: 20px; padding-left: 10px;} #mycrocus .reminder-service .event-calendar p span {color: #c19e00;} #mycrocus .reminder-service .event-info {width: 310px; float: right; padding: 0px 0px 0px 35px; border-left: 1px solid #e4e4e4; margin-top: 25px;} #mycrocus .reminder-service .event-info .eg {margin-bottom: 20px;} #mycrocus .reminder-service .event-info .LabelWrap {width: 123px; float: left; text-align: right;} #mycrocus .reminder-service .event-info .LabelWrap p {line-height: 19px; margin-bottom: 7px; font-size: 12px;} #mycrocus .reminder-service .event-info .InputWrap {width: 177px; float: right; font-size: 12px;} #mycrocus .reminder-service .event-info .InputWrap input {display: block; height: 17px; border: 1px solid #cecece; border-top: 1px solid #8e8e8e; width: 140px; padding: 0px 0px 0px 4px; margin-bottom: 7px; font-size: 11px;} #mycrocus .reminder-service .event-info .InputWrap select {display: block; height: 19px; border: 1px solid #cecece; border-top: 1px solid #8e8e8e; width: 146px; padding: 0px 0px 0px 4px; margin-bottom: 7px; font-size: 11px;} #mycrocus .reminder-service .event-info .add-event-but {background:url(https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/AddEvent.gif) no-repeat left top; width: 118px; height: 14px; display: block; float: right; margin: 5px 0px 20px 0px;} /******* My Crocus - WishLists ******/ .wishlist-content {} .wishlist-content .top-wishlist {border-bottom: 1px solid #dddddd; padding: 5px 0px;} .wishlist-content .menu-wishlist {width: 175px; float: left; padding-top: 10px;} .wishlist-content .menu-wishlist li a {display: block; line-height: 16px; padding: 5px; color: #666666; border-bottom: 1px solid #dddddd; text-decoration: none; margin-bottom: 5px; font-size: 13px;} .wishlist-content .menu-wishlist li a:hover {color: #4a83b4;} .wishlist-content .menu-wishlist li.selected a {color: #4a83b4;} .wishlist-content .menu-wishlist li.last a { border-bottom: none; margin-bottom: 15px;} .wishlist-content .menu-wishlist li .create-button {background: #a6ad66 url(https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/RightArrow.gif) no-repeat 92% center; padding: 3px 10px; color: #fff; border-bottom: none;} .wishlist-content .list-wishlist {width: 743px; float: right; color:#666666;} .wishlist-content .list-wishlist .product {border-top: 1px solid #eeeeee; padding:7px 0 8px;} .wishlist-content .list-wishlist .product .img-list {float: left; display: block; width: 79px;} .wishlist-content .list-wishlist .product.first {border-top: none; } .wishlist-content .list-wishlist .product .title {line-height: 18px; width: 161px; float:left; padding: 20px 7px 0 10px; font-size: 14px; color: #666666; font-weight: normal;} .wishlist-content .list-wishlist .product .title em {font-style: italic} .wishlist-content .list-wishlist .product .select-box {float: left; width: 55px; padding: 20px 10px 0px 0px;} .wishlist-content .list-wishlist .product .select-box select {width:55px;} .wishlist-content .list-wishlist .product .pot {float: left; width:64px; height:20px; line-height:20px; margin:20px 0px 0px 0px; padding:0 10px 0 25px; background:url('https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/pot-icon.png') no-repeat left center;} .wishlist-content .list-wishlist .product .FL {float: left; padding-top: 20px; width: 230px;} .wishlist-content .list-wishlist .product .delivery {float: left; height: 20px; line-height:20px; padding:0 10px 0 35px; background:url('https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/truck-icon.png') no-repeat left center;} .wishlist-content .list-wishlist .product .price {color: #666666; float:right; text-align: right; line-height: 20px;} .wishlist-content .list-wishlist .product .price span {text-decoration: line-through;} .wishlist-content .list-wishlist .product .price strong {font-weight:bold; margin-left: 15px;} .wishlist-content .list-wishlist .product .action {float: right; padding: 18px 10px 0px 0px;} .wishlist-content .list-wishlist .product .action img {vertical-align: middle; width: 67px;} .wishlist-content .list-wishlist .remove-but {background: #f9f6f0 url(https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/RemoveIcon.gif) no-repeat 2px center; border: 1px solid #d5c7a4; display: block; padding: 0px 0px 0px 15px; line-height: 16px; color: #939393; font-size: 10px; text-decoration: none; margin-top: 8px;} .wishlist-content .list-wishlist .remove-but:hover {color: #666666;} .wishlist-content .list-wishlist .email-but {background: #f9f6f0 url(https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/EmailIcon.gif) no-repeat 2px center; border: 1px solid #d5c7a4; display: block; padding: 0px 10px 0px 25px; line-height: 16px; color: #939393; font-size: 10px; text-decoration: none; margin-top: 8px; float: left;} .wishlist-content .list-wishlist .email-but:hover {color: #666666;} .wishlist-content .list-wishlist .Total {border-top: 1px solid #eeeeee; padding: 20px 10px;} .wishlist-content .list-wishlist .Total a {float: right;} .wishlist-content .list-wishlist .Total p {float: right; padding: 0px 20px; color: #666666; font-size: 18px; line-height: 24px;} .wishlist-content .action-wishlist {border-top: 1px solid #dddddd; padding: 15px 0px;} .wishlist-content .action-wishlist h2 {color: #9aa92d; font-size: 21px; font-weight: normal; float: left;} .wishlist-content .action-wishlist a {background: #f9f6f0; border: 1px solid #d5c7a4; display: block; float: right; padding: 0px 20px; line-height: 20px; color: #4e4e4e; font-size: 10px; text-decoration: none; margin-left: 10px;} .wishlist-content .action-wishlist .ShareIcon {background: #f9f6f0 url(https://img.crocdn.co.uk/images/affiliates/crocus/my-crocus/ShareIcon.gif) no-repeat 2px center; padding: 0px 20px 0px 28px;} .wishlist-content .action-wishlist a:hover {background-color: #eee4cc;} .alphabet {background: #f9f9f9; border: 1px solid #e7e7e7; padding: 4px 0px; line-height: 24px; margin-bottom: 10px;} .alphabet h1 {color: #818c30; padding: 0px 10px; font-size: 18px; font-weight: normal; float: left;} .alphabet p {border-right: 1px solid #e3e3e3; float: left; margin-right: 4px; margin-left: 8px;} .alphabet a {background: #fff; border: 1px solid #e3e3e3; border-right: none; color: #252525; padding: 0px 11px; font-size: 18px; float: left;} .alphabet a:hover {background: #f2f2f2; color: #818c30;} #tabs-box ul.attribute-tab li a { margin: 0px 17px; } .plant-home {padding-bottom: 10px;} .plant-home #tabs-box .ui-tabs-panel {padding: 10px 0px 0px 10px; visibility: visible !important;} .plant-home #tabs-box ul li.text {background: none; font-size: 17px; color: #61625d; width: 122px; font-weight: normal;} .plant-home #tabs-box ul li.wide-text {background: none; font-size: 17px; color: #61625d; width: 190px; font-weight: normal;} .plant-home #tabs-box .tab-content li { height: 180px; } #offers .plant-home #tabs-box .tab-content li, #bouquets .plant-home #tabs-box .tab-content li { height: 210px; } .plant-home #tabs-box .tab-content li img {border: 2px solid #fff;} .plant-home #tabs-box .tab-content li.ViewAll {width: 602px;} .plant-home #tabs-box .tab-content li.ViewAll img {width: 598px;} .kitchen-home #tabs-box ul.attribute-tab li a { margin: 0px 15px; } #bouquets #tabs-box ul.ui-tabs-nav li a { margin: 0px 15px; } #offers #tabs-box ul.ui-tabs-nav li a { margin: 0px 15px; } /*TODO: ITEM CARD POPUPS - NEED REFACTOR!!!*/ /******* Add To Wishlist ******/ .add-to-wishlist {position: relative; z-index:2;margin-right:10px;float:right;} .add-to-wishlist-CloseIcon {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/CloseIconPopup.png) no-repeat left top; float: right; width: 17px; height: 17px; display: block;} .wishlist-popup-not-login {position: absolute; right: 20px; top: 37px; display: none;} .wishlist-popup-not-login .popup-container {background: #fff; -moz-box-shadow: 0px 0px 7px #555; -webkit-box-shadow: 0px 0px 7px #555; behavior: url("css/PIE.htc"); box-shadow: 0px 0px 7px #555; width: 250px; padding: 10px 5px 10px 11px; text-align: left;} .wishlist-popup-not-login .CloseIcon {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/CloseIconPopup.png) no-repeat left top; float: right; width: 17px; height: 17px; display: block;} .wishlist-popup-not-login h3 {font-size: 16px; font-weight: bold; padding: 10px 0px 10px 10px; color: #000;} .wishlist-popup-not-login h5 {font-size: 12px; font-weight: normal; padding: 10px 0px 20px 10px;} .wishlist-popup-not-login h5 a {color: #666043;} .wishlist-popup-not-login p {background: #f7f7f4; padding: 5px 10px; color: #2c2c2c; line-height: 18px; margin-right: 5px;} .wishlist-popup-not-login p a {color: #666043;} .wishlist-popup-not-login a:hover {text-decoration: none;} .wishlist-popup-logged-in {position: absolute; right: 20px; top: 37px; display: none;} .wishlist-popup-logged-in .popup-container {background: #fff; -moz-box-shadow: 0px 0px 7px #555; -webkit-box-shadow: 0px 0px 7px #555; behavior: url("css/PIE.htc"); box-shadow: 0px 0px 7px #555; width: 250px; padding: 10px 5px 10px 11px; text-align: left;} .wishlist-popup-logged-in h3 {font-size: 16px; font-weight: bold; padding: 10px 0px 10px 10px; color: #000;} .wishlist-popup-logged-in ul li {background: none; margin: 0px 0px 5px 0px; padding: 0px; color: #666043; line-height: 20px;} .wishlist-popup-logged-in ul li a {color: #666043;} .wishlist-popup-logged-in ul li a:hover {color: #000000; text-decoration:underline;} .wishlist-popup-logged-in .check {margin: 0px 5px 0px 0px;} .wishlist-popup-logged-in .wishlist-name {padding: 0px 5px; width: 193px; border: 1 solid #cfcfcf; height: 18px; color: #bdbdbd;} .wishlist-popup-logged-in .save-but {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/SaveButPopup.gif) no-repeat left top; width: 52px; height: 15px; display: block; margin: 0px 0px 0px 20px;} /******* Email Me When Available ******/ .email-when-available {position: relative; z-index:2;margin-right:10px;float:right;} .email-when-available-popup .popup-container {background: #fff; -moz-box-shadow: 0px 0px 7px #555; -webkit-box-shadow: 0px 0px 7px #555; behavior: url("css/PIE.htc"); box-shadow: 0px 0px 7px #555; width: 240px; padding: 10px 5px 10px 11px; text-align: left;} .email-when-available-popup {position: absolute; right: 20px; top: 37px; display: none;} .email-when-available-popup .CloseIcon {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/CloseIconPopup.png) no-repeat left top; float: right; width: 17px; height: 17px; display: block;} .email-when-available-popup h3 {font-size: 16px; font-weight: bold; padding: 10px 0px 10px 10px; color: #000;} .email-when-available-popup p {background: #f7f7f4; padding: 5px 10px; color: #2c2c2c; line-height: 18px; margin-right: 5px;} .email-when-available-popup p a {color: #666043;} .email-when-available-popup .save-but {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/SaveButPopup.gif) no-repeat left top; width: 52px; height: 15px; display: block; } .email-when-available-popup .email-address {padding: 0px 5px; margin-bottom:10px; width: 195px; border: 1 solid #cfcfcf; height: 18px; color: #bdbdbd;} .email-when-available-CloseIcon {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/CloseIconPopup.png) no-repeat left top; float: right; width: 17px; height: 17px; display: block;} /************ WHEELBARROW ***********/ .wheelbarrow { color: #666; padding-bottom: 30px;} .step-wrap {padding: 10px 0 30px 30px;} .step-wrap li {padding: 42px 0px 0px 0px;float: left; font-size: 13px;} .step-wrap li .step {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/ArrowStep.gif) no-repeat left center; padding: 0px 10px 0px 13px; color: #808080; font-size: 13px; text-decoration: none; font-weight: bold;} @media screen and (max-device-width: 480px){ .step-wrap li .step { -webkit-text-size-adjust: none; } } .step-wrap li a:hover {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/ArrowStepSelect.gif) no-repeat left center; color: #abb765;} .step-wrap li.selected {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/SelectedIcon.gif) no-repeat center top;} .step-wrap li.selected .step {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/ArrowStepSelect.gif) no-repeat left center; color: #abb765;} .step-wrap li.Line {padding-top: 44px; _padding-top: 41px;} .step-wrap li.Line span {display: block; background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/LineStep.gif) no-repeat left center; height: 9px; width: 74px;} /*** wheelbarrow-content ***/ .wheelbarrow-content {background: #f7f7f7; padding: 15px; margin: 0px 27px 0px 30px;} .wheelbarrow-content .white-box {background: #fff; padding: 15px 20px;} .wheelbarrow-content h2.title {font-size: 18px; color: #666666; font-weight: normal; margin-bottom: 10px; padding-left: 20px;} .wheelbarrow-content .continue-button {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/ContinueButton.gif) no-repeat left top; display: block; width: 124px; height: 34px;} .wheelbarrow-content .back-button {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/BackButton.gif) no-repeat left top; display: block; width: 124px; height: 34px;} .wheelbarrow-content .empty-wheelbarrow p {padding-left:90px; line-height:200%;} .wheelbarrow-content .empty-wheelbarrow h3 {padding-left:0px; } .wheelbarrow-content .empty-wheelbarrow h4 {padding-left:90px; margin-bottom: 10px; margin-top:20px; line-height:20px; font-size: 16px; } .wheelbarrow-content .empty-wheelbarrow p.our-wheelbarrow {background:url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/wheelbarrow-empty_our-wheelbarrow.png) no-repeat left center; margin-top:40px; } .wheelbarrow-content .empty-wheelbarrow p.add-to-wheelbarrow {background:url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/wheelbarrow-empty_wheelbarrow.png) no-repeat left center; } /************ WHEELBARROW - empty wheelbarrow ***********/ #wheelbarrow_body {background-color:#ffffff; padding:10px;} #wheelbarrow_body.empty .btn_go-shopping {float:right;background:url(https://img.crocdn.co.uk/images/buttons/continue-shopping_btn.gif) no-repeat; display:block; width:176px; height:34px; text-indent:-9999px;} #wheelbarrow_body.empty h3 {line-height:20px; font-size: 16px;} #wheelbarrow_body.empty h4 {line-height:20px; font-size: 15px; margin-bottom: 10px; margin-top:20px;} #wheelbarrow_body.empty h4,#wheelbarrow_body.empty p {padding-left:90px;} #wheelbarrow_body.empty p.our-wheelbarrow {background:url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/SelectedIcon.gif) no-repeat left center;margin-top:40px; line-height:16px;} #wheelbarrow_body.empty p.add-to-wheelbarrow {background:url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/wheelbarrow-empty_wheelbarrow.png) no-repeat left center; line-height:16px; padding-bottom:10px;} /************ WHEELBARROW - empty wheelbarrow ends ***********/ /************ MODIFIED WHEELBARROW LOGIN FOR EXISTING CROCUS SITE ***********/ #wheelbarrow .step-wrap {background: #fff; margin:-15px -15px 0 -15px;margin-bottom:20px;} #wheelbarrow .white-box, #order-tracking .white-box, #my-account .white-box {background: #fff url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/login-padlock.png) no-repeat 775px 20px; padding: 15px 15px;} /************ MODIFIED WHEELBARROW LOGIN FOR EXISTING CROCUS SITE ENDS ***********/ /************ WHEELBARROW - Login ***********/ #wheelbarrow .white-box h3, #order-tracking .white-box h3, #my-account .white-box h3 {font-size: 16px; color: #969c4a; font-weight: bold; margin-bottom: 30px;} #wheelbarrow .white-box h3 span, #order-tracking .white-box h3 span, #my-account .white-box h3 span {font-size: 12px; color: #666; font-weight: normal;} #wheelbarrow .white-box .field-container, #order-tracking .white-box .field-container, #my-account .white-box .field-container {display: block; margin-bottom: 25px; line-height: 23px; color: #4f4f4f; padding-left: 30px;} #wheelbarrow .white-box .field-container strong, #order-tracking .white-box .field-container strong, #my-account .white-box .field-container strong {font-weight: bold;} #wheelbarrow .white-box .field-container .input, #order-tracking .white-box .field-container .input, #my-account .white-box .field-container .input {padding: 0px 5px; height: 21px; border: 1px solid #cecece; width: 165px; color: #4f4f4f; margin-left: 10px;} #wheelbarrow .white-box .field-container .radio, #order-tracking .white-box .field-container .radio, #my-account .white-box .field-container .radio {margin: 0px 10px 0px 0px;} #wheelbarrow .LoginForm .continue-button, #order-tracking .LoginForm .continue-button, #my-account .LoginForm .continue-button {margin: 0px 0px 20px 315px; border:0; cursor: pointer;} .field-container a {color:#8a9132;} /************ MODIFIED MY ACCOUNT FOR EXISTING CROCUS SITE ***********/ #order-tracking h2, #my-account h2 {font-size: 18px; color: #666666; font-weight: normal; margin-bottom: 10px;} #order-tracking .intro, #my-account #my-account_intro, #my-account #wish-list_intro {margin-bottom: 15px;} #order-tracking .btn_back-to-my-account {display:none;} /************ MODIFIED MY ACCOUNT FOR EXISTING CROCUS SITE ENDS ***********/ /************ WHEELBARROW - Receipt ***********/ .wheelbarrow h3 {font-weight: bold; font-size: 15px; line-height: 38px; padding-left: 20px;} .wheelbarrow .receipt-table {width: 100%; font-size: 12px;} .wheelbarrow .receipt-table .Product-name {width: 400px;} .wheelbarrow .receipt-table th {font-weight: bold; text-align: left; line-height: 18px; padding: 0px 0px 10px 0px;} .wheelbarrow .receipt-table td {padding: 5px 0px; vertical-align: middle;} .wheelbarrow .receipt-table td p {float: left; padding: 30px 0px 0px 20px;} .wheelbarrow .receipt-table .img-table {float: left; width: 78px;} .wheelbarrow .receipt-table p a { color: #666;} .wheelbarrow .receipt-table p a:hover {text-decoration: none;} .wheelbarrow .receipt-table .total strong {font-weight: bold; line-height: 16px; display: block;} .wheelbarrow .receipt-table .total span {line-height: 16px; display: block;} .wheelbarrow .receipt-table .total p {font-weight: bold; line-height: 16px; padding: 15px 0px 0px 0px;} .wheelbarrow .address p {line-height: 24px;} .wheelbarrow .address p strong {font-weight: bold;} .wheelbarrow .Payment .column {width: 215px; float: left;} .wheelbarrow .Payment .column h5 {font-size: 12px; font-weight: bold; margin-bottom: 10px;} .wheelbarrow .Payment .column p {font-size: 14px;} #wheelbarrow_body.confirmation {padding-left:0;padding-right:0;background:none;} #wheelbarrow_body.confirmation a {color:#899a32;} #wheelbarrow_body.confirmation strong {font-weight:bold;font-size:16px;} #wheelbarrow_body.confirmation .btn_continue-shopping {margin-top:-15px;float:right;background: url(https://img.crocdn.co.uk/images/affiliates/crocus/ContinueShopping-But.gif) no-repeat left center; width: 176px; height: 34px; display: block;text-indent:-9999px;} #wheelbarrow_body.confirmation #order-no {clear:both;position:relative;font-weight:bold;padding:10px 0;} #wheelbarrow_body.confirmation #staff {float:left;width:20%;} #wheelbarrow_body.confirmation #staff img {border:5px solid #D2D9A6;} #wheelbarrow_body.confirmation p {line-height: 18px;font-size: 12px;font-weight: normal;} #wheelbarrow_body.confirmation #staff p {margin-top: 10px;} #wheelbarrow_body.confirmation #order-details {float:right;width:70%;padding:0 20px;margin-bottom:10px;} #wheelbarrow_body.confirmation .separator {margin-bottom:10px;} /************ MODIFIED WHEELBARROW LOGIN FOR EXISTING CROCUS SITE ***********/ /* Address */ #content_main .addresses { background: #f7f7f7;overflow: hidden;padding: 0;width: 100%;} #wheelbarrow_body.address { float: left;margin: 3px;width: 859px;} #wheelbarrow_body.address #address-list-pickup {float:left;margin-left:29px;} #wheelbarrow_body.address #address-list {clear:left;margin-left:29px;} #wheelbarrow_body.address #address-list li#delivery-add-an-address {width:225px;} #wheelbarrow_body.address #address-list li#delivery-continue { display: none;} #wheelbarrow_body.address #address-list ul, #wheelbarrow_body.address #address-list-pickup ul {list-style:none;padding:0;margin:0;margin-top:5px;} #wheelbarrow_body.address #address-list li, #wheelbarrow_body.address #address-list-pickup li {display: inline-block;width: 177px;position: relative;float: left; margin-right: 10px; padding-left:20px;line-height:1.5em;margin-bottom:1.5em;list-style:none;} #wheelbarrow_body.address #address-list li input, #wheelbarrow_body.address #address-list-pickup li input {float:left;margin-left:-20px;} #wheelbarrow_body.address #address-list-pickup a {color:#8a9132;} #wheelbarrow_body.address #address-list-pickup a:hover {text-decoration:underline;} #wheelbarrow_body.address #address-list li .btn_edit, #wheelbarrow_body.address #address-list li .btn_add-an-address {float:none;margin-left:0;} #wheelbarrow_body.address #address-list li .btn_add-an-address {background-image:url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/add-new-address.png);cursor: pointer;width:225px;height:42px;margin:0;padding: 0;display:block;border:0;text-indent:-9999px;} #wheelbarrow_body.address #instructions {float:right;clear:right;width:445px;margin-top:-10px;background:#F1F1F1;padding:12px 10px 30px 14px;} #wheelbarrow_body.address #instructions h3 {font-size:1.1em;color:#000;font-weight:bold;font-family:Arial, Helvetica, sans-serif;} #wheelbarrow_body.address #instructions p {line-height:18px;} #wheelbarrow_body.address #instructions #DeliveryInstructions {width:435px;} #wheelbarrow_body.address #instructions .btn_continue, #wheelbarrow_body.address #pickup-continue {background-image:url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/ContinueButton.gif); float:right; margin-top:10px; cursor: pointer;} #wheelbarrow_body.address h2 {margin:0;padding:0;} #pickup-continue-container {width:120px;float:left;padding-top:50px;} #wheelbarrow_body.address #pickup-continue-container .btn_continue {background-image:url(../../images/buttons/continue_btn.gif);} #wheelbarrow_body.address .gift-wrap-box {width:500px;border:1px dashed #C7C7C7; background:#FFF;overflow:hidden; padding:4px 10px; margin:10px 0 0 10px; line-height:18px;} #wheelbarrow_body.address .gift-wrap-box .gift-wrap-box-image {width:20%; float:left;} #wheelbarrow_body.address .gift-wrap-box .gift-wrap-box-explanation {width:79%; float:left;} #wheelbarrow_body.address .delivery-instructions-box {margin-left:10px;} #wheelbarrow_body.address .delivery-instructions-box textarea {margin-bottom:5px;} #wheelbarrow_body.address .delivery-instructions-box a {font-size:14px;color:#848C2F; text-decoration:underline;} #wheelbarrow_body.address #secureLogo {background-image:url(../../images/ico_padlock_grey_bg.gif);} #wheelbarrow .addresses { background: none repeat scroll 0 0 #f7f7f7; overflow: hidden; padding: 0; width: 100%; } #wheelbarrow_body.address .header-delivery-method { float: left; margin-bottom: 0; position: relative; width: 100%; } #wheelbarrow_body.address .header-delivery-method > ul > li { float: left; position: relative; } #wheelbarrow_body.address .header-delivery-method .radio-delivery-method { margin: 1px; width: 29px; } #wheelbarrow_body.address .header-delivery-method .icon-delivery-method { margin-right: 10px; } #wheelbarrow_body.address .header-delivery-method .pricing-delivery-method { float: right; } #wheelbarrow_body.address .header-delivery-method .pricing-delivery-method #click-collect-continue { display: none; } #wheelbarrow_body.address .header-delivery-method .pricing-delivery-method #standard-continue { display: none; } #wheelbarrow_body.address .header-delivery-method .pricing-delivery-method #named-continue { display: none; } #wheelbarrow_body.address .header-delivery-method .pricing-delivery-method > * { margin-bottom: 10px; text-align: center; width: 140px; } #wheelbarrow_body.address .header-delivery-method .description-delivery-method { width: 65%; } #wheelbarrow_body.address .header-delivery-method .description-delivery-method > h2 { color: #a0a83b; } #wheelbarrow_body.address .header-delivery-method .description-delivery-method > p, #wheelbarrow_body.address .header-delivery-method .description-delivery-method > h3, #wheelbarrow_body.address .delivery-instructions-box h3 { line-height: 22px; } #wheelbarrow_body.address .header-delivery-method .description-delivery-method > p > a, #wheelbarrow_body.address .header-delivery-method .description-delivery-method h3 a { color: #8a9132; text-decoration: underline; } #wheelbarrow_body.address #address-list .btn_continue { float: right; } /************ MODIFIED WHEELBARROW GIFT WRAP FOR EXISTING SITE ***********/ #wheelbarrow_body.giftwrap {padding:10px;overflow:hidden;} #content #wheelbarrow_body.giftwrap h3.embed {margin-left:7px;font-size:1.2em;} #wheelbarrow_body.giftwrap #instructions, #wheelbarrow_body.giftwrap #choose-colour {font-size:12px;float:left;margin:0;padding:0;} #wheelbarrow_body.giftwrap #choose-colour {width:47%;} #wheelbarrow_body.giftwrap #instructions {width:50%;} #wheelbarrow_body.giftwrap #choose-colour {float:right;} #wheelbarrow_body.giftwrap #instructions p {padding-right:20px;} #wheelbarrow_body.giftwrap #choose-colour ul, #wheelbarrow_body.giftwrap #choose-colour li {list-style:none;margin-left:0;padding-left:0;clear:both;} #wheelbarrow_body.giftwrap #choose-colour ul li {line-height:30px;} #wheelbarrow_body.giftwrap #choose-colour .choice {float:left;width:200px;margin-left:15px;} #wheelbarrow_body.giftwrap #choose-colour input {position:absolute; margin-left:-20px;margin-top:8px;} #wheelbarrow_body.giftwrap #choose-colour .image {float:right;padding-left:0;} #wheelbarrow_body.giftwrap #choose-colour .image img {border:1px solid #DFDFD3;} #wheelbarrow_body.giftwrap #choose-colour textarea {width:400px;height:90px;margin-top:10px;} #wheelbarrow_body.giftwrap .btn_continue {float:right;} #wheelbarrow_body.giftwrap #instructions td {vertical-align:top;padding-bottom:20px;font-size:12px;} #wheelbarrow_body.giftwrap #instructions h4 {color:#000;} .btn_gift-wrappable-item {cursor:default;} #wheelbarrow_body.giftwrap #instructions .btn_gift-wrappable-item {margin-top:3px;float:left;} #wheelbarrow_body.giftwrap #instructions td .btn_gift-wrappable-item {margin-top:0;margin-left:3px;float:none;} #wheelbarrow_body.giftwrap #instructions .copy {margin-bottom:10px;} /************ MODIFIED WHEELBARROW GIFT WRAP FOR EXISTING SITE ENDS ***********/ /** Delivery Options - delivery options page **/ .wheelbarrow .delivery-address {width: 460px; margin-bottom: 10px; height: 310px;} .wheelbarrow .delivery-address h3 {font-size: 16px; font-weight: bold; line-height: 20px;} .wheelbarrow .delivery-address h3 span {font-size: 12px; font-weight: normal; color: #4f4f4f;} .wheelbarrow .delivery-address .radio {margin: 0px 10px 0px 0px;} .wheelbarrow .delivery-address ul .label {width: 180px; float: left;} .wheelbarrow .delivery-address ul .label p {line-height: 23px; margin: 0px 10px 10px 0px; text-align: right;} .wheelbarrow .delivery-address ul .input-wrap {width: 275px; float: left;} .wheelbarrow .delivery-address ul .input-wrap input {display: block; height: 21px; border: 1px solid #cecece; border-top: 1px solid #8e8e8e; margin-bottom: 10px; padding: 0px 2px;} .wheelbarrow .delivery-address ul .input-wrap .info {padding-bottom: 7px;} .wheelbarrow .delivery-address ul .input-wrap .info input {float: left; margin-bottom: 0px;} .wheelbarrow .delivery-address ul .input-wrap .info .checkbox {margin: 0px 5px; border: none;} .wheelbarrow .delivery-address ul .input-wrap .info p {float: left; width: 138px; font-size: 11px; line-height: 13px; color: #364327;} .wheelbarrow .delivery-address ul .input-wrap .find-button {background: #e4e4e4 url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/ArrowRight.gif) no-repeat 90% center; display: block; line-height: 18px; border: 1px solid #d0d0d0; color: #8a8a8a; width: 95px; padding: 0px 0px 0px 8px; text-decoration: none;} .wheelbarrow .delivery-address ul .input-wrap .find-button:hover {background-color: #f4f4f4;} .wheelbarrow .pick-up-wrap {width: 317px; float: right; margin-bottom: 10px; height: 310px;} .wheelbarrow .pick-up-wrap h3 {font-size: 16px; font-weight: bold; line-height: 20px;} .wheelbarrow .pick-up-wrap .radio {margin: 0px 10px 0px 0px;} .wheelbarrow .pick-up-wrap p {line-height: 20px; padding: 0px 0px 20px 22px;} .wheelbarrow .pick-up-wrap p span {color: #990000;} .wheelbarrow .pick-up-wrap p a {color: #989846;} .wheelbarrow .pick-up-wrap p a:hover {text-decoration: none;} .wheelbarrow .gift-wrapping {margin-bottom: 10px;} .wheelbarrow .gift-wrapping h3 {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/IconGiftWrap.gif) no-repeat right center; font-size: 16px; font-weight: bold; line-height: 30px; padding: 0px 32px 0px 0px; float: left;} .wheelbarrow .gift-wrapping .checkbox {margin: 8px 8px 0px 13px; float: left;} .wheelbarrow .gift-wrapping p {line-height: 30px; color: #4f4f4f; } .wheelbarrow .gift-wrapping {margin-bottom: 10px;} .wheelbarrow .gift-wrapping .left-wrap { width: 340px; float: left; margin-right: 110px;} .wheelbarrow .gift-wrapping .right-wrap { width: 340px; float: left;} .wheelbarrow .gift-wrapping ul li {padding: 8px 0px;} .wheelbarrow .gift-wrapping ul li .img {width: 78px; float: left;} .wheelbarrow .gift-wrapping ul li .txt {width: 215px; float: left; padding: 20px 0px 0px 20px; color: #2f2f2f; line-height: 20px; font-weight: bold; font-size: 15px;} .wheelbarrow .gift-wrapping ul li .txt span {display: block; font-weight: normal; color: #878e31; font-style: italic;} .wheelbarrow .gift-wrapping ul li .check-box {float: right; margin: 25px 0px 0px 0px;} .wheelbarrow .gift-message {margin-bottom: 10px;} .wheelbarrow .gift-message .text {float: left; width: 240px; padding: 0px 15px 0px 0px;} .wheelbarrow .gift-message .text h3 {color: #989e3b; font-size: 16px; font-weight: bold; margin-bottom: 5px;} .wheelbarrow .gift-message .text p {color: #4f4f4f; line-height: 17px;} .wheelbarrow .gift-message textarea {float: left; width: 400px; height: 40px; border: 1px solid #dfdfdf; padding: 5px;} .wheelbarrow .action-wrap {padding-left: 270px;} .wheelbarrow .action-wrap .back-button {float: left; margin: 0px 50px 0px 0px;} .wheelbarrow .action-wrap .continue-button {float: left;} /** Delivery Options - split delivery page **/ .wheelbarrow .delivered-split {margin-bottom: 10px;} .wheelbarrow .delivered-split .left-wrap { width: 340px; float: left; margin-right: 110px;} .wheelbarrow .delivered-split .right-wrap { width: 340px; float: left;} .wheelbarrow .delivered-split ul {margin-bottom: 10px;} .wheelbarrow .delivered-split .Product .img {width: 80px; float: left;} .wheelbarrow .delivered-split .Product .txt {float: left; padding: 15px 0px 0px 20px; color: #575757; line-height: 16px;} .wheelbarrow .delivered-split .Product .txt span {display: block; font-weight: normal; font-style: italic;} .wheelbarrow .delivered-split .Product .txt a {color: #8d9844; text-decoration: none;} .wheelbarrow .delivered-split .Product .txt a:hover {text-decoration: underline;} .wheelbarrow .delivered-split .estimate {border-top: 1px solid #f7f7f7; padding-top: 10px;} .wheelbarrow .delivered-split .info {border-top: 1px solid #f7f7f7; padding-top: 10px;} .wheelbarrow .delivered-split .info .txt {width: 500px; padding: 0px 10px; float: left; color: #646464; line-height: 16px;} .wheelbarrow .delivered-split .info .txt strong {font-weight: bold; display: block;} .wheelbarrow .delivered-split .info .price {width: 150px; float: left; font-size: 14px; font-weight: bold; color: #4f4f4f;} .wheelbarrow .delivered-split .info .button {background: #e4e4e4; display: block; line-height: 18px; border: 1px solid #d0d0d0; color: #8a8a8a; padding: 0px 10px; text-decoration: none; float: left;} .wheelbarrow .delivered-split .info .button:hover {background: #f4f4f4;} .wheelbarrow .delivered-split .split-delivery-band {background: #fffef4; margin-bottom: 10px; padding: 5px} .wheelbarrow .delivered-split .split-delivery-band p {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/OrderIcon.gif) no-repeat left top; line-height: 31px; display: block; float: left; padding-left: 36px; font-size: 13px;} .wheelbarrow .delivered-split .split-delivery-band .SplitDeliveryButton {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/SplitDeliveryButton.gif) no-repeat left top; width: 107px; height: 31px; display: block; float: right;} .wheelbarrow .delivery-instructions {margin-bottom: 10px; color: #636363;} .wheelbarrow .delivery-instructions h2 {font-size: 18px; font-weight: normal; margin-right: 30px; float: left; line-height: 29px;} .wheelbarrow .delivery-instructions .input {width: 335px; padding: 3px 10px; height: 21px; border: 1px solid #a1a1a1; float: left; margin-right: 10px; color: #636363;} .wheelbarrow .delivery-instructions span {line-height: 29px; float: left; font-size: 13px;} /** Delivery Options - DeliveryOptions logedin **/ .wheelbarrow .chosse-delivery-address {margin-bottom: 10px;} .wheelbarrow .chosse-delivery-address h4 {font-size: 14px; font-weight: bold; margin-bottom: 12px;} .wheelbarrow .chosse-delivery-address .column {width: 90px; float: left; margin-right: 65px;} .wheelbarrow .chosse-delivery-address .column input {margin: 0px 5px 0px 0px; float: left;} .wheelbarrow .chosse-delivery-address .column p {float:left; width: 65px; line-height: 16px; margin-bottom: 10px;} .wheelbarrow .chosse-delivery-address .column .edit-but {float:left; margin-left: 18px;} .wheelbarrow .chosse-delivery-address .enter-new-button {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/EnterNewButton.gif) no-repeat left top; width: 249px; height: 37px; display: block; margin: 20px 0px;} .wheelbarrow .chosse-delivery-address .pick-it input {margin: 0px 5px 0px 0px; float: left;} .wheelbarrow .chosse-delivery-address .pick-it p {float:left; line-height: 18px;} .wheelbarrow .chosse-delivery-address .pick-it p a:hover {text-decoration: none;} .wheelbarrow .chosse-delivery-address .pick-it p a {color: #8a9132;} /** Delivery Options - DeliveryOptions Error Message **/ .wheelbarrow .Error-message {position: relative; height: 33px;} .wheelbarrow .Error-message .bg-error {position: absolute; left: -1px; top: -1px; background: #fdf4f4; border: 1px solid #e99191; padding: 1px; width: 350px;} .wheelbarrow .delivery-address ul .input-wrap .Error-message input {margin: 0px 10px 0px 0px; float: left;} .wheelbarrow .delivery-address ul .input-wrap .Error-message p {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/ErrorIcon.png) no-repeat left center; padding: 0px 0px 0px 30px; line-height: 23px; float: left; color: #e53e3e; font-size: 14px;} /** Delivery Options - Payment **/ .wheelbarrow .white-box h2 {font-size: 18px; font-weight: normal; line-height: 18px; color: #a0a73a; margin-bottom: 10px;} .wheelbarrow .button {background: #e4e4e4; display: block; line-height: 15px; border: 1px solid #d0d0d0; color: #8a8a8a; padding: 0px 10px; text-decoration: none; float: left; font-size: 11px;} .wheelbarrow .button:hover {background-color: #f4f4f4;} .wheelbarrow .left-payment {width: 250px; float: left;} .wheelbarrow .payment-OrderTotal {margin-bottom: 10px;} .wheelbarrow .payment-OrderTotal p {line-height: 22px; margin-bottom: 10px;} .wheelbarrow .payment-OrderTotal p strong {font-weight: bold;} .wheelbarrow .payment-OrderTotal .code {line-height: 15px; margin-bottom: 10px;} .wheelbarrow .payment-OrderTotal .code span {display: block; font-size: 10px;} .wheelbarrow .payment-OrderTotal .left {width: 95px; float: left; text-align: right;} .wheelbarrow .payment-OrderTotal .right {width: 105px; float: right;} .wheelbarrow .payment-OrderTotal .right input {width: 86px; height: 20px; padding: 0px;} .wheelbarrow .payment-GiftWrap {margin-bottom: 10px;} .wheelbarrow .payment-GiftWrap p {line-height: 24px; color: #898989;} .wheelbarrow .payment-GiftWrap p strong {font-weight: bold;} .wheelbarrow .payment-GiftWrap .button {float: right; margin: 0px 20px 8px 0px;} .wheelbarrow .payment-DeliveryAddress {} .wheelbarrow .payment-DeliveryAddress p {line-height: 20px; margin-bottom: 10px;} .wheelbarrow .payment-DeliveryAddress p strong {font-weight: bold;} .wheelbarrow .payment-DeliveryAddress .button {float: right; margin: 0px 20px 0px 0px;} .wheelbarrow .right-payment {width: 613px; float: right;} .wheelbarrow .payment-CardDetails {margin-bottom: 10px; color: #333333; position: relative;} .wheelbarrow .payment-CardDetails .SafeIcon {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/SafeIcon.gif) no-repeat left top; position: absolute; right: 10px; top: 10px; display: block; width: 168px; height: 48px;} .wheelbarrow .payment-CardDetails .decription {color: #898989; line-height: 18px; width: 265px;} .wheelbarrow .payment-CardDetails .PayBy {padding: 8px 0px 8px 5px; line-height: 30px; width: 345px; border: 1px solid #f1f1f1; -moz-border-radius: 10px; -webkit-border-radius: 10px; behavior:url("css/PIE.htc"); border-radius: 10px; margin: 5px 0px 10px 0px;} .wheelbarrow .payment-CardDetails .PayBy p {float: left; padding: 0px 20px 0px 5px;} .wheelbarrow .payment-CardDetails .PayBy a {float: left; display: block; margin-right: 10px; height: 30px;} .wheelbarrow .payment-CardDetails .PayBy a img {height: 30px;} .wheelbarrow .payment-CardDetails ul .label {width: 110px; float: left;} .wheelbarrow .payment-CardDetails ul .label .empty {height: 23px;} .wheelbarrow .payment-CardDetails ul .label p {line-height: 23px; margin: 0px 10px 10px 0px; text-align: right;} .wheelbarrow .payment-CardDetails ul .label span {color: #cc3333;} .wheelbarrow .payment-CardDetails ul .input-wrap {width: 245px; float: left;} .wheelbarrow .payment-CardDetails ul .input-wrap input {display: block; height: 21px; border: 1px solid #cecece; border-top: 1px solid #8e8e8e; margin-bottom: 10px; padding: 0px 2px;} .wheelbarrow .payment-CardDetails ul .input-wrap select {height: 21px; border: 1px solid #cecece; border-top: 1px solid #8e8e8e; padding: 1px 1px 1px 2px; margin-bottom: 10px;} .wheelbarrow .payment-CardDetails ul .input-wrap p {height: 23px; margin-bottom: 10px;} .wheelbarrow .payment-CardDetails ul .input-wrap p select {margin-bottom: 0px;} .wheelbarrow .payment-BillingAddress {margin-bottom: 10px;} .wheelbarrow .payment-BillingAddress ul .label {width: 180px; float: left;} .wheelbarrow .payment-BillingAddress ul .label p {line-height: 23px; margin: 0px 10px 10px 0px; text-align: right;} .wheelbarrow .payment-BillingAddress ul .label span {color: #cc3333;} .wheelbarrow .payment-BillingAddress ul .input-wrap {width: 275px; float: left;} .wheelbarrow .payment-BillingAddress ul .input-wrap input {display: block; height: 21px; border: 1px solid #cecece; border-top: 1px solid #8e8e8e; margin-bottom: 10px; padding: 0px 2px;} .wheelbarrow .payment-Action .PlaceOrderBut {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/PlaceOrderBut.gif); width: 124px; height: 34px; display: block; margin-left: 178px;} /************ MODIFIED WHEELBARROW PAYMENT FOR EXISTING CROCUS SITE STARTS ***********/ #wheelbarrow_body.payment .summary-boxes { display: table-cell; margin-left: 3px; padding-left: 10px; width: 272px;} #wheelbarrow_body.payment .payment-details {background: none repeat scroll 0 0 #ffffff; display: table-cell; padding: 10px; width: 580px;} #wheelbarrow_body.payment { background: none repeat scroll 0 0 #f7f7f7; display: table-row; overflow: hidden; padding-left: 0; padding-right: 0; width: 100%; } #wheelbarrow_body.payment .summary-box {margin-bottom:3px;background: #ffffff;} #wheelbarrow_body.payment .summary-box div {background:#ffffff; overflow:hidden;padding:10px;} #wheelbarrow_body.payment .summary-box input#voucher {width:69px;} #wheelbarrow_body.payment .summary-box dt {float:left;clear:left;text-align: right; width:100px; font-size:12px;line-height:18px; margin-right:5px;} #wheelbarrow_body.payment .summary-box dd {float:left; text-align:left; font-size:12px;width:100px;} #wheelbarrow_body.payment .summary-box p {line-height:22px;} #wheelbarrow_body.payment .summary-box .payment-title-divider {height:1px;padding:0;margin:0;} #wheelbarrow_body.payment .summary-box small {font-size:11px;line-height:12px;margin-top:-10px;} #wheelbarrow_body.payment .summary-box dt.subtotal, #wheelbarrow_body.payment .summary-box dd.subtotal , #wheelbarrow_body.payment .summary-box dt.total, #wheelbarrow_body.payment .summary-box dd.total {line-height:24px;} #wheelbarrow_body.payment .summary-box dt.voucher {margin-top:5px;} #wheelbarrow_body.payment .summary-box .voucher-message {font-size: 11px; line-height:14px; font-weight:bold;} #wheelbarrow_body.payment .btn_edit-gift-wrap-message {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/btn-update-gift-wrap.gif); width: 145px; height: 17px; display: block; border:0; text-indent:-9999px; cursor: pointer;} #wheelbarrow_body.payment .btn_edit-address-instructions {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/btn-update-address.gif); width: 210px; height: 17px;} #wheelbarrow_body.payment .btn_edit-address-instructions {display: block; border:0; text-indent:-9999px; margin-top:10px; float:right; cursor: pointer;} #wheelbarrow_body.payment .btn_edit-gift-wrap-message {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/btn-update-gift-wrap.gif); width: 193px; height: 34px;} #wheelbarrow_body.payment .btn_edit-address-instructions {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/btn-update-address.gif); width: 105px; height: 19px;} #wheelbarrow_body.payment .btn_edit-gift-wrap-message, #wheelbarrow_body.payment .btn_edit-address-instructions {display: block; border:0; text-indent:-9999px; cursor: pointer;} #wheelbarrow_body.payment .summary-box a, #wheelbarrow_body.payment .btn_update-total, #wheelbarrow_body.payment .btn_edit-gift-wrap { -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; border: 1px solid #d0d0d0; color: #646464; background-color: #e4e4e4; padding:5px 7px; cursor:pointer; font-size:12px; } #wheelbarrow_body.payment .summary-box .btn_edit-instructions {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/btn-payment-add-instructions.gif); width: 193px; height:34px; padding:0; display:block; text-indent:-9999px; clear:both; border:none; } #wheelbarrow_body.payment .summary-box label {line-height:12px;} #wheelbarrow_body.payment .btn_update-total {margin-top:5px; line-height:12px;} #wheelbarrow_body.payment dd.voucher-message {line-height:14px; font-weight:bold;} #wheelbarrow_body.payment h3, #wheelbarrow_body.payment h4 {color:#a0a83b;;font-size:18px;line-height:34px;margin:0;padding:0;display:inline;} #wheelbarrow_body.payment .payment-details-heading strong {line-height:24px;} #wheelbarrow_body.payment .payment-details .ico_asterisk {display:none;} #wheelbarrow_body.payment p {margin-left:0;margin-right:0;padding-left:0;padding-right:0;} #wheelbarrow_body.payment label {font-weight:normal; line-height:28px;} #wheelbarrow_body.payment dt {margin-left:0;margin-right:5px;width:110px;float:left;clear:left;line-height:34px;text-align:right;} #wheelbarrow_body.payment dd {margin-left:0;margin-right:0;line-height:34px;} #wheelbarrow_body.payment input#SecurityCode, #wheelbarrow_body.payment input#ExpiresMonth, #wheelbarrow_body.payment input#ExpiresYear{margin-right:5px;} #wheelbarrow_body.payment .separator2 {height:30px;} #wheelbarrow_body.payment .small-label {font-size:0.8em;margin-right:10px;} #wheelbarrow_body.payment .card-logos {padding-top:5px;} #wheelbarrow_body.payment .card-logos select {float:left;} #wheelbarrow_body.payment .card-logos img {float:left;} #wheelbarrow_body.payment .card-logos .card-logos-image {padding-left:6px;} #wheelbarrow_body.payment dd p {margin:0;} #wheelbarrow_body.payment dd.process-buttons {margin-top:10px;} #wheelbarrow_body.payment .total {font-weight:bold;} #wheelbarrow_body.payment .btn_back {float:left;} #wheelbarrow_body.payment .btn_place-order {cursor: pointer; margin:0;padding: 0;float:left; background: url(https://img.crocdn.co.uk/images/affiliates/crocus/PlaceOrderBut.gif); width: 203px; height: 50px; display: block; border:0; text-indent:-9999px;} #wheelbarrow_body.payment .payment-details-heading { margin-left: 10px;} #wheelbarrow_body.payment .summary-box .subtotal button {background: none; border: medium none; color: #848c2f; margin: 0; padding: 0; text-decoration: underline; cursor:pointer; } #wheelbarrow_body.payment .summary-box .voucher input { vertical-align: bottom; width:82px; } #wheelbarrow_body.payment .payment-details input#CardNumber { width: 215px; } #wheelbarrow_body.payment .summary-box .btn_edit-delivery-date { background: url("https://img.crocdn.co.uk/images/affiliates/crocus/payment-delivery-edit-button.gif"); cursor: pointer; height: 21px; text-indent: -99999px; width: 62px; border: none; } /************ MODIFIED WHEELBARROW PAYMENT FOR EXISTING CROCUS SITE ENDs ***********/ /************ MODIFIED WHEELBARROW SUMMARY FOR EXISTING CROCUS SITE STARTS ***********/ #wheelbarrow #sidebar, #my-account #sidebar, #ready-made-borders #sidebar, #results_plants #sidebar {display:none;} #wheelbarrow .main-content, #order-tracking .main-content, #my-account .main-content {margin:0 auto; background-color:#ffffff; min-height:200px;width:960px;color: #666;padding:10px 0 0 0;} #wheelbarrow .main-content #content_main, #order-tracking .main-content #content_main, #my-account .main-content #content_main {background: #f7f7f7; padding: 15px 15px 15px 15px; margin: 0px 10px 10px 10px;} #wheelbarrow .main-content #content_main h2.title, #order-tracking .main-content #content_main h2.title {font-size: 18px; color: #666666; font-weight: normal; margin-bottom: 10px; padding-left: 20px;} #wheelbarrow .main-content #content_main .continue-button, #order-tracking .main-content #content_main .continue-button, #my-account .main-content #content_main .continue-button {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/ContinueButton.gif) no-repeat left top; display: block; width: 131px; height: 38px;} #wheelbarrow .main-content #content_main .back-button, #order-tracking .main-content #content_main .back-button {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/BackButton.gif) no-repeat left top; display: block; width: 124px; height: 34px;} #wheelbarrow .main-content #content_main {overflow:auto;} #wheelbarrow #my-wheelbarrow a.btn_gift-wrappable-item, #wheelbarrow #my-wheelbarrow span.btn_gift-wrappable-item { background: url(https://img.crocdn.co.uk/images/affiliates/crocus/GiftSmallIcon.gif) no-repeat left center; height:29px; display:block; float:left; line-height: 50px; padding-left: 28px; text-indent:-9999px; text-align:left;} #wheelbarrow #my-wheelbarrow a.btn_gift-wrappable-item {cursor:pointer;} #wheelbarrow #my-wheelbarrow a.btn_gift-wrappable-item-text-guide {color:#666666;} #wheelbarrow td span.note_gift-wrappable-item {text-align:left; float:left; padding-top:5px;font-size: 12px; font-weight:normal; color:#666666;} #wheelbarrow td {vertical-align: top;} #wheelbarrow .photo {width:82px;} #wheelbarrow .photo img {width:78px; height:78px; padding: 0; margin: 0;} #wheelbarrow h2{font-size: 18px; color: #666666; font-weight: normal; margin-bottom: 10px; padding-left: 20px;} #wheelbarrow h3, #my-account h3 {font-size: 16px; color: #666666; font-weight: normal; margin:10px 0 10px 0;padding-left: 0;} #wheelbarrow #my-wheelbarrow {width:100%;background: #fff;margin-bottom: 10px;} #wheelbarrow #my-wheelbarrow td {padding:5px; border-bottom: 1px solid #ececec;} #wheelbarrow #my-wheelbarrow .latin-name{color: #8d9844; font-style: normal; text-decoration: none;} #wheelbarrow #my-wheelbarrow td.table-zero-padding {padding:0;border:0;} #wheelbarrow #my-wheelbarrow .ns_plus_button, #wheelbarrow #my-wheelbarrow .ns_minus_button {width:20px; height:20px;} #wheelbarrow #my-wheelbarrow th {text-align:left;padding:5px;font-weight: bold; line-height: 18px; border-bottom: 1px solid #d4d4d4;} #wheelbarrow #my-wheelbarrow tfoot td {text-align:right;border:0;} #wheelbarrow #my-wheelbarrow th.price, #wheelbarrow #my-wheelbarrow td.price {text-align:right;} #wheelbarrow #my-wheelbarrow td.price {font-size: 14px; color: #666666; font-weight: bold;} #wheelbarrow #my-wheelbarrow .subtotal, #wheelbarrow #my-wheelbarrow .delivery-total, #wheelbarrow #my-wheelbarrow .total, #wheelbarrow #my-wheelbarrow .split-delivery-total {font-size: 15px; color: #666666; font-weight: bold; height: 45px;} #wheelbarrow tr.delivery-total td a.btn_split-delivery {background: url(https://img.crocdn.co.uk/images/buttons/split-delivery.gif) no-repeat left top; display: block; width: 183px; height: 22px; text-align:left; text-indent:-9999px;font-size: 12px; float:right;} #wheelbarrow tr.delivery-total td a.btn_help {margin:10px 0 0 33px;display: block;width:80px;font-size: 12px; color:#666666;font-weight: normal;} #wheelbarrow #my-wheelbarrow tfoot tr.delivery-total td.split-delivery-explanation {text-align:left;font-size:11px;font-weight:normal;line-height:14px;} #wheelbarrow tr.delivery-total td .split-delivery-explanation-buttons {float:right;width:190px;} #wheelbarrow #my-wheelbarrow .btn_delete {background: url(https://img.crocdn.co.uk/images/buttons/delete_btn.gif) no-repeat left top; text-indent:-9999px; display: block; width: 52px; height: 15px; text-align:left; } #wheelbarrow #wheelbarrow-go-to-checkout {width:253px; float:right;} #wheelbarrow #wheelbarrow-go-to-checkout #wheelbarrow-more-info span {width:253px; height:14px; margin-top:10px; float:right;} #wheelbarrow #wheelbarrow-go-to-checkout #wheelbarrow-more-info span.wheelbarrow-more-info-click {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/icon-free-click-and-collect.png) no-repeat left top;} #wheelbarrow #wheelbarrow-go-to-checkout #wheelbarrow-more-info span.wheelbarrow-more-info-returns {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/icon-no-quibble-returns.png) no-repeat left top;} #wheelbarrow #wheelbarrow-go-to-checkout #wheelbarrow-more-info span a {text-indent:-9999px; display: block;} #wheelbarrow #wheelbarrow-continue-shopping {width:260px; height:110px; display:block;} #wheelbarrow #wheelbarrow-continue-shopping #secured-by {text-indent:-9999px; display: block; margin-top:10px; width:249px; height:43px; background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/icon-secured-by-thawte.png) no-repeat left top;} #wheelbarrow #wheelbarrow-suggestion-items-divider {width:912px; height:15px; display:block; margin:5px -15px 30px -15px; background-color: #FFF;} #wheelbarrow #paypal-button-container {float:right; margin-top:-39px;} #wheelbarrow #paypal-or-container {display:block;float:left;width:20px;} #wheelbarrow #paypal-button {display:block;float:left;width:150px;padding-top:5px;} #wheelbarrow .wheelbarrow-more-info-divider {padding: 0 20px;} #wheelbarrow #my-wheelbarrow .update-total-button {border:0;background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/BtnUpdate.gif) no-repeat left top; text-indent:-9999px; display: block; width: 71px; height: 34px; text-align:left; cursor: pointer; margin:0; padding:0;} #wheelbarrow #my-wheelbarrow .btn_edit-gift-wrap-message {border:0;background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/BtnEditGiftMessage.gif) no-repeat left top; text-indent:-9999px; display: block; width: 155px; height: 34px; text-align:left; cursor: pointer; margin:0; padding:0; float:right;} /************ MODIFIED WHEELBARROW SUMMARY FOR EXISTING CROCUS SITE ENDS***********/ /************ WHEELBARROW - PayPal Order Summary Starts ***********/ #wheelbarrow #paypal-order-details p {line-height:16px;padding: 5px 0;} #wheelbarrow #paypal-order-details strong {font-size: 16px;} #wheelbarrow .paypal-order-total {font-weight:bold; font-size: 16px;} /************ WHEELBARROW - PayPal Order Summary Ends ***********/ /************ WHEELBARROW - Summary ***********/ .wheelbarrow .summary-table {margin-bottom: 10px;} .wheelbarrow .summary-table table {width: 100%; font-size: 12px; color: #575757;} .wheelbarrow .summary-table .Item-price {width: 370px;} .wheelbarrow .summary-table .Price {width: 80px;} .wheelbarrow .summary-table .Quantity {width: 80px;} .wheelbarrow .summary-table .Icon {width: 55px;} .wheelbarrow .summary-table .Availability {width: 120px;} .wheelbarrow .summary-table .Cost {width: 66px;} .wheelbarrow .summary-table th {font-weight: bold; text-align: left; line-height: 18px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #d4d4d4;} .wheelbarrow .summary-table td {padding: 8px 0px; vertical-align: middle; border-bottom: 1px solid #ececec;} .wheelbarrow .summary-table td p {float: left; padding: 25px 0px 0px 20px; font-style: italic; line-height: 18px;} .wheelbarrow .summary-table td p a {color: #8d9844; font-style: normal; text-decoration: none;} .wheelbarrow .summary-table td p a:hover {text-decoration: underline;} .wheelbarrow .summary-table .img-table {float: left; width: 78px;} .wheelbarrow .summary-table td h3 {font-weight: bold; font-size: 16px;} .wheelbarrow .summary-table td h4 {font-weight: bold; font-size: 15px;} .wheelbarrow .summary-table td h6 {font-weight: normal; font-size: 11px; color: #727272;} .wheelbarrow .summary-table td select {width: 50px;} .wheelbarrow .summary-table .Subtotal {padding: 8px 80px 0px 0px; color: #727272;} .wheelbarrow .summary-table .Subtotal p {float: left; background: url(https://img.crocdn.co.uk/images/affiliates/crocus/GiftSmallIcon.gif) no-repeat left center; line-height: 29px; padding-left: 28px;} .wheelbarrow .summary-table .Subtotal h3 {float: right; font-size: 16px; font-weight: bold; line-height: 29px;} .wheelbarrow .ActionWrap {margin-bottom: 10px;} .wheelbarrow .ActionWrap .ContinueShopping-But {float: left; background: url(https://img.crocdn.co.uk/images/affiliates/crocus/ContinueShopping-But.gif) no-repeat left center; width: 176px; height: 34px; display: block;} .wheelbarrow .ActionWrap .GotoCheckout-But {float: right; display: block; background: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/GotoCheckout-But.gif) no-repeat left top; width: 176px; height: 34px; margin-left: 20px;} .wheelbarrow .ActionWrap .GotoCheckout-But:hover {background-position: left -34px;} .wheelbarrow .You-might-also-like { margin-bottom: 10px; color: #525252;} .wheelbarrow .You-might-also-like .img {display: block; width: 80px; float: left;} .wheelbarrow .You-might-also-like .img img {width: 78px;} .wheelbarrow .You-might-also-like p {width: 215px; line-height: 18px; float: left; padding: 5px 100px 0px 30px;} .wheelbarrow .You-might-also-like p a {font-size: 14px; font-weight: bold; color: #525252; text-decoration: none; line-height: 20px;} .wheelbarrow .You-might-also-like p a:hover {text-decoration: underline;} .wheelbarrow .You-might-also-like h6 {width: 150px; font-size: 11px; font-weight: normal; line-height: 24px; float: left; padding-top: 20px;} .wheelbarrow .You-might-also-like h2 {width: 100px; font-size: 19px; font-weight: bold; line-height: 24px; float: left; padding-top: 20px;} /************ Wheelbarrow Message box for existing site starts ***********/ #msgbox {background-color: #fffafa; padding:10px; border:1px solid #7f0000;} #msgbox h3 {font-size: 20px; color: #7f0000;} #msgbox .message {font-weight: normal; line-height: 18px;} /************ Wheelbarrow Message box for existing site ends ***********/ /************ Wheelbarrow You might also like customisation for existing site starts ***********/ #wheelbarrow .recommend-box { margin: 0; color: #525252; background-color:#ffffff; padding:5px;} #wheelbarrow .recommend-box img {display: block; width: 78px; height:78px; float: left; padding-right:10px;} #wheelbarrow .recommend-box p {width: 710px; line-height: 18px; float: left; padding: 0 20px 0 0;} #wheelbarrow .recommend-box p strong {font-size: 14px; font-weight: bold; color: #525252; text-decoration: none; line-height: 20px;} #wheelbarrow .recommend-box .recommend-box_meta {margin-left:90px;} #wheelbarrow .recommend-box .recommend-box_meta .ico_truck {display: block; height: 17px; line-height:18px; padding:0 12px 0 42px; margin:0; background:url('https://img.crocdn.co.uk/images/affiliates/crocus/truck-icon.png') no-repeat;} #wheelbarrow .recommend-box .recommend-box_price {width: 120px; font-size: 14px; color: #666666; font-weight: bold; line-height: 24px; float: left; padding-top: 11px;} #wheelbarrow .recommend-box .recommend-box_price .btn_add-to-wheelbarrow {text-indent:-9999px; background:url('https://img.crocdn.co.uk/images/affiliates/crocus/buy-button.png') no-repeat; width:67px; height:23px; display: block;} #wheelbarrow .recommend-box_stamp {display:none;} /************ Wheelbarrow You might also like customisation for existing site ends ***********/ /************ Wheelbarrow Register for existing site starts ***********/ #wheelbarrow .register, #my-account .register {position:relative;padding-top:20px;} #wheelbarrow .btn_back, #my-account .btn_back {display:block;background:url('https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/BackButton.gif') no-repeat; width:124px; height:34px; text-indent:-9999px; border: none;} #wheelbarrow .btn_continue, #my-account .register .btn_continue, #my-account #address_edit .btn_continue {display:block;background:url('https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/ContinueButton.gif') no-repeat 0 2px; width:131px; height:42px; text-indent:-9999px; border: none;cursor: pointer;} #wheelbarrow .register .instructions, #my-account .register .instructions {font-size:1.2em;} #wheelbarrow .register dt, #my-account .register dt, #my-account #address_edit dt {float:left;clear:left; text-align:right;display:block;padding-right:10px; margin-top:5px;line-height:1.5em; } #wheelbarrow .register label, #my-account .register label, #my-account #address_edit label {font-weight:normal;} #wheelbarrow .register fieldset, #my-account .register fieldset, #my-account #address_edit fieldset {margin-top:15px;} #wheelbarrow .register fieldset, #my-account .register fieldset, .register dl, #my-account #address_edit dl {margin-bottom:1em;} #wheelbarrow .register dt, #my-account .register dt, #my-account #address_edit dt {width:280px;clear:left;text-align:right;} #wheelbarrow .register dt .note, #my-account .register dt .note, #my-account #address_edit dt .note {display:none;} #wheelbarrow .register dd, #my-account .register dd, #my-account #address_edit dd {clear:right;overflow:hidden;} #wheelbarrow .register .separator2, #my-account .register .separator2, #my-account #address_edit .separator2 {height:30px;} #wheelbarrow .register dd p, #my-account .register dd p, #my-account #address_edit dd p {margin:0; padding:0;} #wheelbarrow .register legend, #my-account .register legend, #my-account #address_edit legend {position:relative;display:block;position:absolute;font-size:1.2em;margin:0;padding:0;} #wheelbarrow .register dd input, #my-account .register dd input, #my-account #address_edit dd input {margin:2px 0;} #wheelbarrow .register .fineprint, #my-account .register .fineprint, #my-account #address_edit .fineprint {padding-bottom:10px;} #my-account #address_edit .fineprint img {float:left;border:5px solid #E3E4DC;} #wheelbarrow .register .fineprint input, #my-account .register .fineprint input, #my-account #address_edit .fineprint input {position:relative;} #wheelbarrow .register .fineprint div, #my-account .register .fineprint div, #my-account #address_edit .fineprint div {float:left;margin-left:130px;} #wheelbarrow .register ul, #my-account .register ul, #my-account #address_edit ul {list-style:none;} #wheelbarrow .register li, #my-account .register li, #my-account #address_edit li {margin-bottom:0.5em;} #wheelbarrow .register .btn_continue, #my-account .register .btn_continue {float:right; margin-top:10px;} #my-account #address_edit .btn_continue {float:right; margin-top:10px; margin-right:80px; background-image:url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/ContinueButton.gif); cursor: pointer;} #wheelbarrow .register .btn_look-up-address, #my-account .register .btn_look-up-address, #my-account #address_edit .btn_look-up-address {position:absolute; cursor: pointer;} #wheelbarrow .register .textbox, #my-account .register .textbox, #my-account #address_edit .textbox {width:205px;} #wheelbarrow .register .textbox_short, #my-account .register .textbox_short, #my-account #address_edit .textbox_short {width:94px; margin-right:3px;} #wheelbarrow .register #secureLogo, #my-account .register #secureLogo, #my-account #address_edit #secureLogo {position:absolute;top:10px;right:10px;} .btn_look-up-address {background:url('https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/btn-find-address.png') no-repeat; width:105px; height:20px; text-indent:-9999px; border: none;} #wheelbarrow .register .crocus-club-benefits, #my-account .register .crocus-club-benefits {font-size:1.2em; line-height:22px;padding-bottom:5px;} #wheelbarrow .register ul.crocus-club-benefits-list li, #my-account .register ul.crocus-club-benefits-list li {list-style:disc; font-size:1.1em; line-height:16px;} #wheelbarrow .register ul.crocus-club-benefits-list, #my-account .register ul.crocus-club-benefits-list {margin-left:17px;} #wheelbarrow .fineprint h2, #my-account .fineprint h2 {padding-left:0;color:#929938;font-size:22px;} /************ Wheelbarrow Register for existing site ends ***********/ /************ plain-text-with-left-nav ***********/ .plain-text-with-left-nav {padding:35px 15px; width: 930px;} .plain-text-with-left-nav .LeftNav {float: left; width: 195px;} .plain-text-with-left-nav .LeftNav h5 {font-size: 12px; font-weight: bold; color: #616161; margin-bottom: 30px;} .plain-text-with-left-nav .LeftNav ul li {padding: 5px 0px;} .plain-text-with-left-nav .LeftNav ul li a {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/IconLeftNav.gif) no-repeat left 5px; line-height: 16px; color: #616161; padding-left: 18px; text-decoration: none;} .plain-text-with-left-nav .LeftNav ul li a:hover {text-decoration: underline;} .plain-text-with-left-nav .RightText {float: left; width: 690px; color: #3e3e3e;} .plain-text-with-left-nav .RightText h1 {font-size: 22px; font-weight: normal; color: #a0a73a; margin-bottom: 25px;} .plain-text-with-left-nav .RightText p {line-height: 18px; margin-bottom: 20px;} .plain-text-with-left-nav .RightText ol {list-style: decimal; padding: 0px 0px 0px 22px; font-weight: bold;} .plain-text-with-left-nav .RightText ol li h5 {font-size: 12px; font-weight: bold; margin-bottom: 3px;} .plain-text-with-left-nav .RightText ol li p {font-weight: normal;} .plain-text-with-left-nav .RightText ol li ol {padding-top: 5px; font-weight: normal;} /************ FEATURES ON EXISTING SITE STARTS ***********/ #features .main-content, #features_home .main-content, .brown .main-content {padding:0; width: 960px; margin:0 auto; background-color:#ffffff;} #features .main-content #sidebar {float: left; width: 195px;} #features .main-content #sidebar h3 {font-size: 18px; font-weight: normal; color: #a0a73a; margin-bottom: 16px;} #features .main-content #sidebar h5 {font-size: 12px; font-weight: bold; color: #616161; margin-bottom: 30px;} #features .main-content #sidebar ul li {padding: 5px 0px;} #features .main-content #sidebar ul li a, #features .main-content #sidebar ul li.selected {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/IconLeftNav.gif) no-repeat left 5px; line-height: 16px; color: #616161; padding-left: 18px; text-decoration: none;} #features .main-content #sidebar ul.ico_raquo li.selected {background: none;} #features .main-content #sidebar ul li.selected {color: #a0a73a;} #features .main-content #sidebar ul li a:hover {text-decoration: underline;} #features .main-content #content_main {float: left; width: 690px; color: #3e3e3e;} #features .main-content #content_main h1, #features_home .main-content #content_main h1 {font-size: 22px; font-weight: normal; color: #a0a73a; margin-bottom: 25px;} #features .main-content #content_main h2, #features_home .main-content #content_main h2 {font-size: 20px; font-weight: normal; color: #a0a73a; margin-bottom: 20px;} #features .main-content #content_main h3, #features_home .main-content #content_main h3 {font-size: 18px; font-weight: normal; color: #a0a73a; margin-bottom: 16px;} #features .main-content #content_main .card h3 {margin-bottom: 4px;} #features .main-content #content_main h4, #features_home .main-content #content_main h4 {font-size: 16px; font-weight: normal; color: #a0a73a; margin-bottom: 14px;} #features .main-content #content_main a {color: #8b9927;} #features .main-content #content_main a:hover {text-decoration: underline;} #features .main-content #content_main p, #features .main-content #content_main li {line-height: 18px; margin-bottom: 20px;} #features .main-content #content_main ol {list-style: decimal; padding: 0px 0px 0px 22px;} #features .main-content #content_main ol li h5 {font-size: 12px; font-weight: bold; margin-bottom: 3px;} #features .main-content #content_main ol li p {font-weight: normal;} #features .main-content #content_main ol li ol {padding-top: 5px; font-weight: normal;} #features .main-content #content_main ul.bulleted {list-style:disc; padding-left:20px;} #features .main-content #content_main .alignleft {width:130px; float:left;} #features #choice_crocus_nursery {width:325px;float:left;} #features #choice_people {width:273px;float:left;padding-left:12px;} #features #choice_plant_image {width:270px;float:left;} #features #choice_plant_details {width:420px;float:left;} #features #choice_plant_image a.ico_raquo {background: url("https://img.crocdn.co.uk/images/affiliates/crocus/ico_arrow.gif") no-repeat scroll left 4px transparent;padding-left:8px;line-height:14px;display:block;} #features #choice_plant_image h4 {margin-top:5px;} /************ FEATURES ON EXISTING SITE ENDS ***********/ /************ ARTICLES AND ADVICE STARTS ***********/ #features_home .articles-advice {width:930px;margin:0;} #features_home .main-content #content_main .articles-advice h1 {color:#617100;font-size:26px;} #features_home .main-content #content_main .articles-advice h2 {color:#5d5d5d;font-size:20px;} #features_home .articles-advice .col-left {width:455px;float:left;margin-right:10px;margin-bottom:5px} #features_home .articles-advice .col-right {width:430px;float:left;border:1px solid #eaeaea;padding:15px;margin-bottom:5px} #features_home .articles-advice p {line-height:18px;font-size:14px;color:#5d5d5d;} #features_home .articles-advice p.bottom-padding {padding-bottom:10px;} #features_home .articles-advice .col-left img, .articles-advice .col-right img {padding-bottom:5px;} #features_home .articles-advice .article-button {padding: 5px 0 0 0;} #features_home .articles-advice .article-button-container {width:188px;float:left;} #features_home .articles-advice .article-row-separator {clear:both;height:20px;width:927px;border-top:1px solid #eaeaea;margin-top:20px;} #features_home .articles-advice .symptom-selector {border:1px dotted #ccc;padding:5px 10px;white-space:nowrap;overflow:hidden;width:427px;margin:-5px 0 10px 0;} #features_home .articles-advice .symptom-selector label {font-size:1.4em;font-weight:bold;color:#ca6701;line-height:1em;float:left;display:block;padding-right:5px;white-space:nowrap;width:210px;} #features_home .articles-advice .symptom-selector select {float:left;width:170px;margin-right:5px;} #features_home .articles-advice .go_btn {background:url('https://img.crocdn.co.uk/images/affiliates/crocus/btn-go.png') no-repeat; border:0; text-indent:-9999px;width:18px;height:18px;margin:0;padding:0;} #features_home .articles-advice .symptom-selector-cat {width:227px;float:left;} #features_home .articles-advice .symptom-link {padding-left:20px;background:url('https://img.crocdn.co.uk/images/affiliates/crocus/ico_double_arrow.gif') no-repeat; color:#2e6e93;} #features_home .articles-advice .col-image-float {width:245px;float:left;padding-right:5px;} #features_home .articles-advice .col-text-float {width:175px;float:left;} /************ ARTICLES AND ADVICE ENDS ***********/ /************ CORPORATE PAGES STARTS ***********/ #wholesale h1, #delivery-area h1 {font-size: 22px; font-weight: normal; color: #a0a73a; margin-bottom: 16px; } #wholesale h2, #delivery-area h2 {font-size: 18px; font-weight: normal; color: #a0a73a; margin-bottom: 12px;margin-top:10px;} #wholesale h3, #delivery-area h3 {font-size: 16px; font-weight: normal; color: #a0a73a; margin-bottom: 10px;margin-top:10px;} #wholesale h4, #delivery-area h4 {font-size: 14px; font-weight: normal; color: #a0a73a; margin-bottom: 10px;margin-top:10px;} #wholesale p, #delivery-area p {line-height:18px;} #wholesale .main-content, #delivery-area .main-content {padding:15px 15px; width: 930px; margin:0 auto; background-color:#ffffff;} #wholesale .main-content #sidebar, #delivery-area .main-content #sidebar {float: left; width: 195px;} #wholesale .main-content #sidebar h3, #delivery-area .main-content #sidebar h3 {font-size: 18px; font-weight: normal; color: #a0a73a; margin-bottom: 16px;} #wholesale .main-content #sidebar h5, #delivery-area .main-content #sidebar h5 {font-size: 12px; font-weight: bold; color: #616161; margin-bottom: 30px;} #wholesale .main-content #sidebar ul li, #delivery-area .main-content #sidebar ul li {padding: 5px 0px;} #wholesale .main-content #sidebar ul li a, #delivery-area .main-content #sidebar ul li a, #features .main-content #sidebar ul li.selected {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/IconLeftNav.gif) no-repeat left 5px; line-height: 16px; color: #616161; padding-left: 18px; text-decoration: none;} #wholesale .main-content #sidebar ul.ico_raquo li.selected, #delivery-area .main-content #sidebar ul.ico_raquo li.selected {background: none;} #wholesale .main-content #sidebar ul li.selected, #delivery-area .main-content #sidebar ul li.selected {color: #a0a73a;} #wholesale .main-content #sidebar ul li a:hover, #delivery-area .main-content #sidebar ul li a:hover {text-decoration: underline;} #wholesale .main-content #content_main, #delivery-area .main-content #content_main {float: left; width: 690px; color: #3e3e3e;} /************ CORPORATE PAGES ENDS ***********/ /************ WELCOME TO CROCUS PAGE STARTS ***********/ #welcome-to-crocus h1 {font-size: 27px; font-weight: normal; color: #897e53; margin: 23px 0 16px 0;} #welcome-to-crocus h2 {font-size: 19px; font-weight: normal; color: #666666; margin: 10px 0 12px 0; line-height:24px;} #welcome-to-crocus h3 {font-size: 17px; font-weight: normal; color: #8a804f; margin-bottom: 10px;margin-top:22px;} #welcome-to-crocus p {line-height:18px; margin-bottom:10px;} #welcome-to-crocus #about-crocus-content a {color: #8B9927; text-decoration: underline;} #welcome-to-crocus #about-crocus-content a:hover {text-decoration: none;} #welcome-to-crocus .main-content {padding:15px 15px; width: 930px; margin:0 auto; background-color:#ffffff;} #welcome-to-crocus .main-content #content_main #about-crocus-header {position:relative;} #welcome-to-crocus .main-content #content_main #about-crocus-header #main-header-banner {width: 930px; margin-left:-210px;} #welcome-to-crocus .main-content #content_main #video-content {width:699px; background-color:#f5f5f5; padding:10px; margin-bottom:10px;} #welcome-to-crocus .main-content #content_main #video-content #video-content-left .ad-nav {width:492px} #welcome-to-crocus .main-content #content_main #video-content #video-content-left {width:492px; float:left; margin-right:9px;} #welcome-to-crocus .main-content #content_main #video-content #video-content-right {width:197px; float:left; margin-bottom:5px} #welcome-to-crocus .main-content #content_main #video-content #video-content-right #item-images {padding:0;} #welcome-to-crocus .main-content #content_main #video-content .video-view-all-button {text-align:center; margin: 5px 0 0 0;} #welcome-to-crocus .main-content #content_main #video-content p.video-caption {font-size:15px; color:#728313; margin:5px 0 0 3px;} #welcome-to-crocus .ad-gallery .ad-thumbs li a.ad-active img {border:none;} #welcome-to-crocus #item-images .videos-gallery {margin:0; padding:0;} #welcome-to-crocus #item-images .videos-gallery .ad-gallery .ad-thumbs li a img {width:197px; height:114px;} #welcome-to-crocus #video-content-right .ad-gallery .ad-nav .ad-thumbs {width:197px;} #welcome-to-crocus .fancybox-nav {height:85%; margin-top:60px;} #welcome-to-crocus .ad-gallery .ad-nav .ad-thumbs {margin:0;} #welcome-to-crocus #video-content-left #item-images {width:492px; padding:0;} #welcome-to-crocus #video-content-left .ad-gallery .ad-nav .ad-thumbs, #welcome-to-crocus #video-content-left #item-images .videos-gallery .ad-gallery .ad-thumbs li a img, #welcome-to-crocus #video-content-left .ad-gallery {width:492px;} #welcome-to-crocus #video-content-left .ad-gallery .ad-thumbs .ad-thumb-list {width:492px;} #welcome-to-crocus #video-content-left #item-images .videos-gallery .ad-gallery .ad-nav .ad-thumbs, #welcome-to-crocus #video-content-left #item-images .videos-gallery .ad-gallery .ad-thumbs li a img {height:320px;} #welcome-to-crocus #video-content-right #item-images .videos-gallery .ad-gallery .ad-nav .ad-thumbs {height:145px;} #welcome-to-crocus .main-content #content_main #video-content #video-content-right p.video-caption {width:197px;} #welcome-to-crocus #item-images .videos-gallery {background:none;border:none;} #welcome-to-crocus .view-gallery {width:718px;} #welcome-to-crocus .view-gallery img {margin: 0 9px 9px 0; float:left;} #welcome-to-crocus .main-content #sidebar {float: left; width: 195px; margin-top:367px;} #welcome-to-crocus .main-content #sidebar h3 {font-size: 18px; font-weight: normal; color: #a0a73a; margin-bottom: 16px;} #welcome-to-crocus .main-content #sidebar h5 {font-size: 12px; font-weight: bold; color: #616161; margin-bottom: 30px;} #welcome-to-crocus .main-content #sidebar ul li {padding: 5px 0px;} #welcome-to-crocus .main-content #sidebar ul li a {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/IconLeftNav.gif) no-repeat left 5px; line-height: 16px; color: #616161; padding-left: 18px; text-decoration: none;} #welcome-to-crocus .main-content #sidebar ul.ico_raquo li.selected {background: none;} #welcome-to-crocus .main-content #sidebar ul li.selected {color: #a0a73a;} #welcome-to-crocus .main-content #sidebar ul li a:hover {text-decoration: underline;} #welcome-to-crocus .main-content #content_main {float: left; width: 690px; color: #3e3e3e;} /************ WELCOME TO CROCUS PAGE ENDS ***********/ /************ EXISTING PLANT OFFERS STARTS ***********/ #plant-offers h1 {font-size: 22px; font-weight: normal; color: #a0a73a; margin-bottom: 16px; clear:left; } #plant-offers h2 {font-size: 18px; font-weight: normal; color: #a0a73a; margin-bottom: 12px;margin-top:0; clear:left;} #plant-offers h3 {font-size: 16px; font-weight: normal; color: #a0a73a; margin-bottom: 10px;margin-top:10px; clear:left;} #plant-offers h4 {font-size: 14px; font-weight: normal; color: #a0a73a; margin-bottom: 10px;margin-top:10px; clear:left;} #plant-offers p {line-height:18px;margin-bottom: 10px;} #plant-offers .main-content {padding:0; width: 960px; margin:0 auto; background-color:#ffffff;} #plant-offers .main-content #sidebar {display:none;} #plant-offers .main-content #sidebar h3 {font-size: 18px; font-weight: normal; color: #a0a73a; margin-bottom: 16px;} #plant-offers .main-content #sidebar h5 {font-size: 12px; font-weight: bold; color: #616161; margin-bottom: 30px;} #plant-offers .main-content #sidebar ul li {padding: 5px 0px;} #plant-offers .main-content #sidebar ul li a, #features .main-content #sidebar ul li.selected {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/IconLeftNav.gif) no-repeat left 5px; line-height: 16px; color: #616161; padding-left: 18px; text-decoration: none;} #plant-offers .main-content #sidebar ul.ico_raquo li.selected {background: none;} #plant-offers .main-content #sidebar ul li.selected {color: #a0a73a;} #plant-offers .main-content #sidebar ul li a:hover {text-decoration: underline;} #plant-offers .main-content #content_main {float: left; width: 930px; color: #3e3e3e;} #plant-offers #content_main ul.offers {margin-left:0;list-style:none;} #plant-offers .offers a {display:block;text-decoration:none;} #plant-offers .offers img,#content_main .offers img {border:3px solid #FFFEFF;} #plant-offers .offers li {background:#D3CDB7;width:147px;padding:4px 3px 4px;margin:0 0 22px 27px;float:left;list-style:none;height:167px;min-height:167px;} #plant-offers .offers>li {height: 214px;} #plant-offers #content_main .offers li {line-height:1em;padding-left:3px; margin-bottom:22px;} #plant-offers .offers li .shadow {margin:0;padding:0;background-color:#B5B194;padding-right:1px;padding-bottom:1px;min-height:100%;height:100%;} #plant-offers .offers>li .shadow {height:auto;} #plant-offers .offers li p, #plant-offers #content_main .offers li p {background:#fff;text-align:right;padding:0 5px;height:20px;min-height:20px;font-size:1.2em;line-height:1em;margin:0;} #plant-offers .offers>li p {height:auto;} #plant-offers .offers li p a {text-align:center;color:#727272;} #plant-offers .offers li p.latin-name,.offers li p.latin-name a,#content .offers li p.latin-name a,#content .offers li p,#content .offers li p a {text-align:center;font-style:normal;color:#2F2F2F;} #plant-offers #content_main .offers li p.latin-name {height:50px;} #plant-offers .offers li .price {font-size:1.3em;font-weight:normal;} #plant-offers .offers li .price,#content .offers li a.price {color:#CC6500;text-decoration:none;} #plant-offers .offers li .was-price,#content .offers li a.was-price {color:#727272;font-size:1em;padding-right:3px;} #plant-offers #content .offers li p.price-tag {text-align:right;height:auto;min-height:0;padding-top:14px;padding-bottom:0;} #plant-offers #content #content_main .offers li p.price-tag a {text-align:right;} /************ EXISTING PLANT OFFERS ENDS ***********/ /************ create-an-account PAGE ***********/ .create-an-account .CreateAnAccount-content { padding: 25px; color: #333333;} .create-an-account .CreateAnAccount-content h1 {font-size: 20px; font-weight: normal; color: #929938; margin-bottom: 10px;} .create-an-account .CreateAnAccount-content h4 {font-size: 14px; font-weight: normal; margin-bottom: 10px; line-height: 18px;} .create-an-account .CreateAnAccount-content h2 {font-size: 18px; font-weight: normal; line-height: 20px; color: #666666;} .create-an-account .CreateAnAccount-content h2 span {font-size: 12px;} .create-an-account .CreateAnAccount-content h2 span b {color: #80011f;} .create-an-account .LeftWrap {width: 400px; float: left;} .create-an-account .LeftWrap ul {padding-top: 25px;} .create-an-account .LeftWrap ul .label {width: 170px; float: left;} .create-an-account .LeftWrap ul .label p {line-height: 23px; margin: 0px 10px 10px 0px; text-align: right;} .create-an-account .LeftWrap ul .label p span {color: #80011f;} .create-an-account .LeftWrap ul .input-wrap {width: 230px; float: left;} .create-an-account .LeftWrap ul .input-wrap input {display: block; height: 21px; border: 1px solid #cecece; border-top: 1px solid #8e8e8e; margin-bottom: 10px; padding: 0px 2px;} .create-an-account .LeftWrap ul .input-wrap .find-button {background: #e4e4e4 url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/ArrowRight.gif) no-repeat 90% center; display: block; line-height: 18px; border: 1px solid #d0d0d0; color: #8a8a8a; width: 95px; padding: 0px 0px 0px 8px; text-decoration: none;} .create-an-account .LeftWrap ul .input-wrap .find-button:hover {background-color: #f4f4f4;} .create-an-account .RightWrap {width: 500px; float: left;} .create-an-account .RightWrap ul {padding: 25px 0px 15px 0px;} .create-an-account .RightWrap ul .label {width: 170px; float: left;} .create-an-account .RightWrap ul .label p {line-height: 23px; margin: 0px 10px 10px 0px; text-align: right; padding: 0px;} .create-an-account .RightWrap ul .label p span {color: #80011f;} .create-an-account .RightWrap ul .input-wrap {width: 185px; float: left;} .create-an-account .RightWrap ul .input-wrap input {display: block; height: 21px; border: 1px solid #cecece; border-top: 1px solid #8e8e8e; margin-bottom: 10px; padding: 0px 2px;} .create-an-account .RightWrap ul .text-wrap {width: 133px; float: left; font-size: 11px; line-height: 16px; padding-top: 60px;} .create-an-account .RightWrap h3 {font-size: 17px; font-weight: bold; color: #929938; line-height: 20px; padding-left: 50px;} .create-an-account .RightWrap p {line-height: 18px; padding: 0px 40px 20px 50px;} .create-an-account .RightWrap label { padding-left: 25px; cursor: pointer;} .create-an-account .RightWrap label input {margin: 0px 8px 0px 0px;} .create-an-account .RightWrap .create-my-acc-button {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/CreateMyAcc.gif) no-repeat left top; width: 165px; height: 34px; display: block; margin: 15px 0px 0px 50px;} /******* Sale Page ******/ .sale-page {padding: 10px 0px 10px 0px;} .sale-page .sale-departments {background: #f7f7f5; padding: 20px 10px 20px 6px; margin: 0px; width: 144px; float: left; min-height: 550px; _height: 550px;} .sale-page .sale-departments li {margin-bottom: 10px;} .sale-page .sale-departments li h5 {color: #bf1919; font-weight: bold; text-transform: uppercase;} .sale-page .sale-departments li a {font-weight: normal; color: #6B6B6B; text-decoration: none;} .sale-page .sale-departments li a:hover {text-decoration:underline;} .sale-page .content-products {width: 770px; float: right; padding-top: 10px;} .sale-page .content-products h1 {font-size: 23px; font-weight: normal; color: #899a32; margin: 0px 0px 15px 20px;} .sale-page .content-products .product-wrap {padding-bottom: 5px;} .sale-page .content-products .product {width: 140px; float: left; margin-left: 14px;} .sale-page .content-products .product .images {display: block;} .sale-page .content-products .product .images img {width: 140px;} .sale-page .content-products .product p {text-align: center; padding: 0px 10px; line-height: 18px;} .sale-page .content-products .product p a {color: #4c4c4c; text-decoration: none;} .sale-page .content-products .product p a:hover {text-decoration: underline;} .sale-page .content-products .product p.price {color: #b00000;} .sale-page .content-products .product p.price span {color: #000000; text-decoration: line-through; margin-right: 5px;} /******* Summer Sale Page ******/ #summer-sale {margin: 0 -1px 0 -1px; padding-bottom:15px;} #summer-sale h2 {color:#578721; font-size:26px; margin: 10px 0;} #summer-sale .summer-sale-category {margin:0 3px 3px 0; float:left; width: 309px; height: 206px;} #summer-sale .summer-sale-category-last {margin-right:0;} #summer-sale .summer-sale-category-column {width:310px; float:left;} #summer-sale .summer-sale-category-column p {line-height:32px;} #summer-sale .summer-sale-category-column p a {font-size:18px; color:#575556;} /******* Category Landing Page ******/ #category-landing {margin:0 -2px;} #category-landing .offer-left-top-tall {width:305px; height:513px; float:left; margin:0 10px 10px 0;} #category-landing #right-top {width:621px; height:513px; float:left;} #category-landing #right-top .offer-middle {width:305px; height:513px; float:left; margin:0 11px 10px 0;} #category-landing #right-top .offer-middle .offer-middle-top {width:305px; height:206px; float:left; margin:0 11px 10px 0;} #category-landing #right-top .offer-middle .offer-middle-bottom {width:303px; height:295px; float:left; margin:0 11px 10px 0; background-color:#c8c5bd; border: 1px solid #928e8d;} #category-landing .offer-promotional-text {display:block; float:left; text-align:center; padding:21px 13px 13px 13px; width:277px;} #category-landing .offer-promotional-text h2 {color:#798926; font-size:30px; line-height:44px;} #category-landing .offer-promotional-text h3 {color:#141414; font-size:21px; line-height:40px;} #category-landing .offer-promotional-text p {color:#141414; font-size:16px; line-height:22px; } #category-landing #right-top .offer-right-top-tall {width:305px; height:513px; float:left; margin:0 0 10px 0;} #category-landing #landing-offers-showcase {width:934px; height:270px; border: 1px solid #dbdbdb; display:block; clear:both; margin-bottom:11px;} #category-landing #landing-offers-showcase img {width:220px; height:166px;} #category-landing #landing-offers-showcase h3 {color:#798926; font-size:22px; line-height:30px; margin: 10px 0 0 10px;} #category-landing #landing-offers-showcase .offers-showcase-offer {width:220px; float:left; margin:12px 0 0 11px; font-size:14px; line-height:16px;} #category-landing #landing-offers-showcase .offers-showcase-offer .offers-showcase-title {color:#333333; padding: 5px 0; text-align:center; overflow:hidden;} #category-landing #landing-offers-showcase .offers-showcase-offer .offers-showcase-price {clear:both; color:#333333; padding: 0; text-align:center; overflow:hidden;} #category-landing #hero-banner {width:936px; height:275px; display:block; margin-bottom:11px;} #category-landing #bottom .offer-narrow {width:305px; height:220px; float:left; margin:0 10px 10px 0; clear:both;} #category-landing #bottom .offer-narrow-middle {clear:none;} #category-landing #bottom .offer-narrow-last {clear:none; margin-right:0;} #category-landing h2 {color:#798a26; font-size:23px; line-height:44px;} #category-landing .category-column {width:310px; float:left; margin-bottom:15px;} #category-landing .category-column p {line-height:22px;} #category-landing .category-column p a {font-size:14px; color:#575556;} /******* Special Offers Page ******/ #special-offers {margin:0 -2px;} #special-offers .right-top {width:621px; height:513px; float:left;} #special-offers .row-1 {height:311px; margin-bottom:10px;} #special-offers .row-2 {height:300px; margin-bottom:10px;} #special-offers .row-3 {height:311px; margin-bottom:10px;} #special-offers .row-4 {height:300px; margin-bottom:10px;} #special-offers .offer1-tall {width:305px; height:513px; float:left; margin:0 10px 10px 0;} #special-offers .offer1-square {width:311px; height:311px; float:left; margin-right:10px;} #special-offers .offer2-short {width:305px; height:206px; float:left; margin:0 11px 10px 0;} #special-offers .offer2-wide {width:619px; height:311px; float:left;} #special-offers .offer3-short {width:304px; height:206px; float:left; margin:0 0 10px 0; } #special-offers .offer3-medium {width:472px; height:300px; float:left; margin-right:10px;} #special-offers .offer4-narrow {width:305px; height:297px; float:left; margin:0 0 10px 0;} #special-offers .offer4-narrow-last {width:304px; height:297px; float:left; margin:0 0 10px 10px;} #special-offers .offer4-wide {width:621px; height:300px; float:left;} #special-offers .offer4-medium {width:460px; height:300px; float:left;} #special-offers .offer5-medium {width:463px; height:304px; float:left; margin:0 10px 10px 0; clear:both;} #special-offers .offer5-wide {width:619px; height:311px; float:left; margin-right:12px;} #special-offers .offer6-medium {width:463px; height:304px; float:left; margin:0 0 10px 0;} #special-offers .offer6-square {width:311px; height:311px; float:left;} #special-offers .offer7-narrow {width:305px; height:220px; float:left; margin:0 10px 10px 0; clear:both;} #special-offers .offer7-narrow-middle {clear:none;} #special-offers .offer7-narrow-last {clear:none; margin-right:0;} #special-offers .offer7-square {width:311px; height:300px; float:left; margin-right:10px;} #special-offers .main-promotion-banner-rectangle {background-color:#c8c5bd; width:619px; height:295px; border: 1px solid #928e8d;} #special-offers .main-promotion-banner-square {background-color:#c8c5bd; width:303px; height:295px; border: 1px solid #928e8d;} #special-offers .main-promotion-banner-rectangle .offer-promotional-text {width:288px;} #special-offers .offer-promotional-text {display:block; float:left; text-align:center; padding:21px 13px 13px 13px;} #special-offers .offer-promotional-text h2 {color:#798926; font-size:30px; line-height:44px;} #special-offers .offer-promotional-text h3 {color:#141414; font-size:21px; line-height:28px; margin-bottom:10px;} #special-offers .offer-promotional-text p {color:#141414; font-size:16px; line-height:22px; } #special-offers .offer-promotional-image {display:block; width:297px; float:left;} #special-offers .offer-promotional-image img {padding:8px 7px 0 0;} #special-offers .offers-showcase {width:618px; height:218px; border: 1px solid #cccccc; display:block; margin:0 10px 10px 0; float:left; clear:both;} #special-offers .offers-showcase .offers-showcase-offer {width:140px; float:left; margin:12px 0 0 12px; font-size:20px; line-height:20px;} #special-offers .offers-showcase .offers-showcase-offer .offers-showcase-title {color:#8c8c8c; padding: 5px 0; text-align:center; height:40px; overflow:hidden;} #special-offers .offers-department {width:622px; height:298px; border: 1px solid #cc3333; display:block; margin:0 12px 12px 0; float:left; clear:both;} #special-offers .offers-department .offers-department-title-banner {width:622px; height:60px; background-color:#cc3333; display:block;} #special-offers .offers-department .offers-department-title-banner h2 {font-size:24px; color:#ffffff; padding:14px;} #special-offers .offers-department .offers-department-title-banner .offers-department-title-shop-now {width:123px; float:right; margin:12px;} #special-offers .offers-department .offers-department-content {padding:13px 0 0 13px; } #special-offers .offers-department .offers-department-offer {width:140px; float:left; margin-right:12px; font-size:14px; line-height:18px;} #special-offers .offers-department .offers-department-offer-last {margin-right:0;} #special-offers .offers-department .offers-department-offer .offers-department-title {color:#252525; padding: 5px 0; text-align:center; height:40px; overflow:hidden;} #special-offers .offers-department .offers-department-offer .offers-department-price {color:#d1124a; clear:both; width:140px; text-align:center; float:left; } #special-offers .offers-department .offers-department-offer .offers-department-was-price {text-decoration:line-through;color:#252525;} #special-offers .offers-department .offers-department-offer .offers-department-buy {width:68px;float:left; padding-top:5px;} #special-offers .offer7-right {width:300px; height:300px; float:left; margin-bottom: 12px;} #special-offers .offer8-medium-short {width:463px; height:280px; float:left; margin:0 10px 10px 0; clear:both;} #special-offers .offer8-medium-short-last {clear:none; margin:0 0 10px 0;} #special-offers .offer8-medium {width:461px; height:243px; float:left; border: 1px solid #adadad; display:block; clear:both; margin:0 10px 12px 0} #special-offers .offer8-medium .border-image {width:273px; float:left;} #special-offers .offer8-medium .border-description {width:180px; float:left; padding-right:5px;} #special-offers .offer8-medium .border-description h2 {font-size:23px; line-height:30px; color:#829303; padding:10px 0 5px 0;} #special-offers .offer8-medium .border-description p {font-size:14px; line-height:18px; color:#666666;} #special-offers .offer8-medium .border-description .shop-now {clear:both; float:right; margin:10px 2px 0 0;} #special-offers .offer8-medium .border-image img {padding:6px;} #special-offers .offer8-narrow {width:219px; height:220px; float:left; margin:0 0 10px 20px;} #special-offers .offer8-narrow-first {clear:both; margin-left:0;} #special-offers .offer9-medium {width:463px; height:245px; float:left; margin-bottom:12px;} #special-offers .bottom-banner {clear:both; margin-bottom:10px;} /******* teracotta-pots ******/ .teracotta-pots {padding: 0px 0px 10px 0px;} .teracotta-pots .photo-pots {background: #f7f7f5; padding: 6px; margin: 0px; width: 145px; float: left; font-weight: normal} .teracotta-pots .photo-pots li img {width: 145px;} .teracotta-pots .photo-pots li p {color: #494949; line-height: 20px;} .teracotta-pots .content-wrap {width: 770px; float: right;} .teracotta-pots .content-wrap .photo-wrap {padding-bottom: 5px;} .teracotta-pots .content-wrap .main-content {border: 1px solid #E7E7E7;padding: 1px; margin: 0px 0px 30px 13px;} .teracotta-pots .content-wrap .main-content .bg-content {background: #F9F9F9; padding: 15px;} .teracotta-pots .content-wrap .main-content img {float: left; width: 344px;} .teracotta-pots .content-wrap .main-content h1 {font-size: 23px; font-weight: normal; color: #899a32; margin: 0px 0px 15px 360px;} .teracotta-pots .content-wrap .main-content p {font-size: 14px; line-height: 18px; color: #3b3b3b; margin: 0px 0px 0px 360px;} .teracotta-pots .content-wrap .photo {width: 140px; float: left; margin-left: 14px;} .teracotta-pots .content-wrap .photo .images {display: block;} .teracotta-pots .content-wrap .photo .images img {width: 140px;} .teracotta-pots .content-wrap .photo p {text-align: center; padding: 0px 10px; line-height: 18px;} .teracotta-pots .content-wrap .photo p a {color: #4c4c4c; text-decoration: none;} .teracotta-pots .content-wrap .photo p a:hover {text-decoration: underline;} .teracotta-pots .content-wrap .photo p.price {color: #b00000;} .teracotta-pots .content-wrap .photo p.price span {color: #000000; text-decoration: line-through; margin-right: 5px;} /*** My Crocus-Account Details NEW ****/ #mycrocus .acc-details .RightWrapCrocus .NavCrocus {width: 670px; border-bottom: 1px solid #e4e4e4; padding: 0px; margin: 0px 0px 30px 0px;} #mycrocus .acc-details .RightWrapCrocus .NavCrocus li {float: right; margin-left: 5px;} #mycrocus .acc-details .RightWrapCrocus .NavCrocus li a {display: block; background: #f8f8f8; padding: 0px 20px; color: #363636; line-height: 30px;} #mycrocus .acc-details .RightWrapCrocus .NavCrocus li a.Selected {background: #f0f0f0;} #mycrocus .acc-details .RightWrapCrocus .NavCrocus li a:hover {background: #f0f0f0;} #mycrocus .acc-details .acc-details-new-content {padding-left: 60px;} #mycrocus .acc-details .acc-details-new-content h4 {text-align: left; font-weight: normal;} #mycrocus .acc-details .acc-details-new-content ul {padding: 0px;} #mycrocus .acc-details .acc-details-new-content .LabelWrap {width: 70px;} #mycrocus .acc-details .RightWrapCrocus .acc-details-new-content p {font-weight: bold; line-height: 20px; margin-bottom: 7px; color: #000; text-align: left;} #mycrocus .acc-details .acc-details-new-content input {font-size: 12px;} #mycrocus .acc-details .acc-details-new-content textarea {width: 315px; height: 105px; font-size: 11px;} #mycrocus .acc-details .acc-details-new-content .Profile {padding: 25px 0px;} #mycrocus .acc-details .acc-details-new-content .ProPic {width: 90px; float: left; display: block;} #mycrocus .acc-details .acc-details-new-content .ProPic img {width: 74px;} #mycrocus .acc-details .acc-details-new-content .ChooseFile {float: left;} #mycrocus .acc-details .acc-details-new-content .ChooseFile label {width: auto; font-size: 11px; margin-bottom: 5px;} #mycrocus .acc-details .acc-details-new-content .ChooseFile p {font-weight: normal; color: #999999; font-size: 12px;} #mycrocus #emailaddress h5 {font-size: 12px; font-weight: bold; margin: 0px 0px 20px 20px; color: #000;} #mycrocus #emailaddress .LabelWrap {width: 140px;} #mycrocus #emailaddress .LabelWrap p {text-align: right;} #mycrocus #emailaddress .InputWrap {font-size: 12px;} #mycrocus #password h5 {font-size: 12px; font-weight: bold; margin: 0px 0px 20px 20px; color: #000;} #mycrocus #password .LabelWrap {width: 140px;} #mycrocus #password .LabelWrap p {text-align: right;} #mycrocus #password .InputWrap {font-size: 12px;} #mycrocus #mailing h5 {font-size: 12px; font-weight: bold; margin: 0px 0px 10px 0px; color: #000;} #mycrocus #mailing .checkbox {font-size: 12px; font-weight: normal; color: #000;} #mycrocus #mailing .checkbox input {margin: 0px 5px 0px 0px;} #mycrocus .ButtonNew {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/buttonnew.gif) repeat-x left top; position: relative; display: block; float: right;line-height: 12px; height: 12px; color: #2a2822; font-size: 9px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior:url("css/PIE.htc"); border-radius: 8px; border: 1px solid #888b84; margin: 0px 40px 0px 0px; padding: 0px 20px;} .tabcontent {display: none;} /*** Gift Vouchers Page ****/ #giftvouchers .main-info {padding: 20px; color: #3e3e3e;} #giftvouchers .main-info .img {float: right;} #giftvouchers .main-info h2 {font-size: 22px; margin: 0px 325px 20px 0px; color: #a0a73a;} #giftvouchers .main-info p {font-size: 14px; margin: 0px 325px 20px 0px;} #giftvouchers .main-info ul {width: 430px;} #giftvouchers .main-info ul li {font-size: 14px; padding: 0px 0px 20px 25px; line-height: 20px;} #giftvouchers .form-vouchers {padding: 0px 20px;} #giftvouchers .form-vouchers .left-form {width: 385px; float: left;} #giftvouchers .form-vouchers .left-form .form {margin-bottom: 10px;} #giftvouchers .form-vouchers .left-form .label {width: 160px; float: left; line-height: 23px; text-align: right; color: #333333; font-weight: bold;} #giftvouchers .form-vouchers .left-form .label span {color: #6f7700; font-weight: normal; line-height: 14px; display: block; margin-top: 10px;} #giftvouchers .form-vouchers .left-form input {width: 208px; height: 21px; float: right; padding: 0px; border: 1px solid #8e8e8e; -moz-box-shadow: 1px 0px #e0e0e0 inset, 0px 1px #e0e0e0 inset; -webkit-box-shadow: 1px 0px #e0e0e0 inset, 0px 1px #e0e0e0 inset; behavior:url("css/PIE.htc"); box-shadow: 1px 0px #e0e0e0 inset, 0px 1px #e0e0e0 inset;} #giftvouchers .form-vouchers .left-form select {height: 21px; float: right; padding: 0px; margin-left: 8px;} #giftvouchers .form-vouchers .left-form textarea {width: 208px; height: 90px; float: right; resize:none; border: 1px solid #8e8e8e; -moz-box-shadow: 1px 0px #e0e0e0 inset, 0px 1px #e0e0e0 inset; -webkit-box-shadow: 1px 0px #e0e0e0 inset, 0px 1px #e0e0e0 inset; behavior:url("css/PIE.htc"); box-shadow: 1px 0px #e0e0e0 inset, 0px 1px #e0e0e0 inset;} #giftvouchers .form-vouchers .right-form {width: 465px; float: right;} #giftvouchers .form-vouchers .right-form p {font-size: 14px; line-height: 20px;} #giftvouchers .form-vouchers .right-form a {font-size: 14px; line-height: 20px; color: #919736; margin: 20px 0px; text-decoration: underline; display: block;} #giftvouchers .form-vouchers .right-form a:hover {text-decoration: none;} #giftvouchers .card-vouchers {padding: 20px;} #giftvouchers .card-vouchers p {font-size: 14px; margin-bottom: 20px;} #giftvouchers .card-vouchers img {float: left;} #giftvouchers .card-vouchers input {float: left;} #giftvouchers .card-vouchers .input {padding: 0px 5px; width: 48px; height: 17px; font-size: 10px;} /********** GIFT VOUCHERS - FOR EXISTING SITE *********/ #giftvouchers #sidebar {display:none;} #giftvouchers h2 {font-size: 22px; margin: 0px 10px 20px 0px; color: #a0a73a;} #giftvouchers .main-content {background-color:#ffffff;width:960px;margin:0 auto;} #giftvouchers #content_main {padding-top:15px;} #giftvouchers #content_main .intro {float:left;width:600px;font-size:14px;padding-left:20px;} #giftvouchers #content_main .intro ul {margin-left:30px;list-style:none;width:400px;} #giftvouchers #content_main .intro li {margin-bottom:20px; line-height:20px;} #giftvouchers #content_main .intro p {font-weight: bold; color:#3e3e3e;margin-bottom:20px;} #giftvouchers #content_main .comp {float:right;width:250px;margin:0 20px 10px 10px;position:relative;right:0;} #giftvouchers #content_main .comp img {border:none;float:right;} #giftvouchers #content_main .guidance {float:right;width:415px;line-height:20px;padding-right:10px;margin-top:10px;} #giftvouchers #content_main .guidance p {margin-bottom:20px;font-size:14px;} #giftvouchers #content_main .guidance a {color: #6f7700;text-decoration:underline;} #giftvouchers #content_main .guidance a:hover {text-decoration:none;} #giftvouchers #content_main fieldset {float:left; width:485px;padding-left:20px;margin-top:10px;} #giftvouchers #content_main form {margin:0 auto;background-color:#ffffff;} #giftvouchers #content_main form label {font-weight:bold;} #giftvouchers #content_main .note {color: #6f7700; font-weight: normal; line-height: 14px;display:block;margin-top:10px;} #giftvouchers #content_main #vouchers .note {color:#3e3e3e;display:inline;} #giftvouchers #content_main #entry-form {margin-top:0;padding-left:40px;} #giftvouchers #content_main #entry-form dt {float:left;width:160px;text-align:right;padding-right:10px;margin-top:5px;font-weight:bold;} #giftvouchers #content_main #entry-form dd {margin-bottom:2px;} #giftvouchers #content_main #entry-form .textbox {width:200px;} #giftvouchers #content_main #vouchers {padding-top:20px;} #giftvouchers #content_main #vouchers p {font-weight:bold;margin-bottom:20px;} #giftvouchers #content_main #vouchers dt,#content_main #vouchers dd {float:left;vertical-align:middle;display:block;} #giftvouchers #content_main #vouchers dt {width:69px;padding-left:10px;} #giftvouchers #content_main #vouchers dd {margin-left:-90px;} #giftvouchers #content_main #vouchers img {border:none;} #giftvouchers #content_main #vouchers #voucher_other_text {width:30px;} #giftvouchers #content_main .button_panel {clear:both;float:right;text-align:right;padding:30px 0 20px;} #giftvouchers #content_main .button_panel .bttn {margin-right:18px;} /********** GIFT VOUCHERS - FOR EXISTING SITE ENDS *********/ /********** READY MADE BORDERS - FOR EXISTING SITE *********/ #ready-made-borders h2 {font-size: 22px; color: #a0a73a;} #ready-made-borders h3 {font-size: 18px; color: #666666; margin:15px 0;} #ready-made-borders p {line-height:16px;} #ready-made-borders #content_main {line-height:16px;padding-top:20px;} #ready-made-borders .featured_image {float:right; margin-left:10px;} #ready-made-borders #content_main .btn_open-border-plan {margin:10px 68px;background-position:center top;background:url('https://img.crocdn.co.uk/images/affiliates/crocus/BtnOpenBorderPlan.gif') no-repeat; width:124px; height:34px; display: block;border:0;text-indent:-9999px;} #ready-made-borders #content_main h3.embed {font-size:1.4em;margin-top:15px;line-height:24px;} #ready-made-borders #content_main b.highlight {font-size: 18px;line-height: 24px;color: #a0a73a; font-style:italic;} #ready-made-borders #content_main .border-overview {clear:both;} #ready-made-borders #content_main .border-overview h3.embed {font-size:1.6em;margin-top: 15px;float: left;width: 40%;} #ready-made-borders #content_main .border-overview {background:#F1F1F1;overflow:hidden;padding:10px;position:relative;margin:10px 0;} #ready-made-borders #content_main .border-overview .stamp_special-offers {background: url('https://img.crocdn.co.uk/images/affiliates/crocus/special-offer-trans.png') no-repeat;height: 58px;display: block;text-indent: -9999px;float: left;width: 7%;} .border-overview #subtotals {float:left;display: block; width:15%;margin-top: 15px;} .border-overview #subtotals strong {margin-right:5px;} .border-overview #subtotals p { line-height:20px;font-size:1.2em;color:#666666;} .border-overview #buyNow {float:right;clear:right;width: 35%;margin-top: 15px;} .border-overview #buyNow .price {color:#666666;font-weight:bold;font-size:1.6em;font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif;padding:0 20px 10px 0;float:left;} .border-overview #buyNow .btn_buy {text-indent:-9999px; background:url('https://img.crocdn.co.uk/images/affiliates/crocus/buy-button.png') no-repeat; width:67px; height:23px; display: block;float:left;margin-bottom:-15px;} .border-overview #buyNow p {clear:both;} .border-details #my-wheelbarrow td {vertical-align: top;} .border-details #my-wheelbarrow th {text-align:center;padding:5px;font-weight: bold; line-height: 18px; border-bottom: 1px solid #d4d4d4;} .border-details #my-wheelbarrow {width:100%;clear:both} .border-details #my-wheelbarrow td.price, .border-details #my-wheelbarrow th.price {text-align:right;} .border-details #my-wheelbarrow td.quantity, .border-details #my-wheelbarrow td.availability {text-align:center;} .border-details thead th {padding-top:20px;padding-bottom:5px;border:none;} .border-details #my-wheelbarrow td {padding:5px; border-bottom: 1px solid #ececec;} /********** CHELSEA COMPETITION FORM *********/ .padding-right {padding-right:7px;} .competition-intro img {padding-bottom:10px;} .competition-intro p {line-height:18px; margin-bottom:20px; color:#333333; font-size:14px;} .competition-intro .competition-intro-images {padding-bottom:20px;} .competition-intro .competition-images {float:right; width:303px; margin:0 0 0 10px;} .competition-intro .competition-images p {margin-bottom:10px;} .competition-intro p .highlight-copy {color:#a40404; font-weight:bold;} .competition-intro .crocus-club-badge {float:left; padding-right:10px;} .competition-intro h3 {font-size:20px; font-weight:bold; margin: 10px 0 10px 0;color:#637d15;} .competition-intro h4 {font-size:18px; font-weight:bold; color:#333333; line-height:26px; padding: 0 0 10px 0;} .competition-intro h4 span.highlight {color:#c63627;} .competition-intro img.competition-hero {margin-bottom:10px;} .competititon-terms {margin-top: 20px;} .competititon-terms h3 {font-size:14px; font-weight:bold; margin: 10px 0 10px 0;} .competition-success h2 {font-size: 22px; font-weight: normal; color: #899A32; margin-bottom:15px;} .win-tickets-chelsea {text-indent:-9999px; background:url('https://img.crocdn.co.uk/images/affiliates/crocus/win-tickets-chelsea-2013.jpg') no-repeat; width:930px; height:242px; display: block;border:0;margin-bottom:10px;} #competition #msgbox {width:594px;} .competition-header-banner {text-indent:-9999px; background:url('https://img.crocdn.co.uk/images/affiliates/crocus/win-a-pair-of-olives-header.jpg') no-repeat; width:930px;height:243px; display: block;border:0;margin-bottom:20px;} .competition-form-entry {padding:0; width:610px;} .competition-form-entry fieldset {float:left; width:290px;} .competition-form-entry fieldset.bottom-panel {clear:left; width:90%; margin-top:10px;} .competition-form-entry fieldset dl {width:300px;} .competition-form-entry fieldset dl.long-field-name {width:500px;} .competition-form-entry fieldset dl.long-field-name dt {width:147px;clear:left;text-align:right;float:left;padding-right:5px;line-height:30px;} .competition-form-entry fieldset dt {width:85px;clear:left;text-align:right;float:left;padding-right:5px;line-height:30px;} .competition-form-entry fieldset dd {width:210px;float:left;line-height:30px;} .competition-form-entry fieldset dd input {width:180px;} .competition-form-entry fieldset dd input.long-entry-box {width:606px;} .competition-form-entry fieldset dd .long-entry-textarea {width:606px;height:66px;font-family:Arial;font-size:12px;} .competition-form-entry fieldset dd .medium-entry-textarea {width:480px;height:66px;font-family:Arial;font-size:12px;} .competition-form-entry fieldset dt.bottom-panel-long-text {line-height:15px;text-align: left;} .competition-form-entry fieldset .explanation {font-size:11px;line-height:15px; margin-bottom:20px;} .competition-form-entry fieldset .further-details {padding:0 0 0 20px;} .competition-form-entry fieldset .further-details p {line-height:18px;font-weight:bold; margin-top:15px;} /* .competition-form-entry .btn_send {text-indent:-9999px; background:url('https://img.crocdn.co.uk/images/affiliates/crocus/btn-enter.png') no-repeat; width:138px; height:34px; display: block;border:0;cursor:pointer;} */ .competition-form-entry .btn_send {text-indent:-9999px; background:url('https://img.crocdn.co.uk/images/affiliates/crocus/competitions/btn-enter-draw.png') no-repeat; width:178px; height:38px; display: block;border:0;cursor:pointer;} .competition-form-entry a, .competition-intro a {color: #8b9927;} .competition-form-entry a:hover, .competition-intro a:hover {text-decoration:underline;} .competition-intro strong {font-weight:bold;} .competition-intro ul, .competition-intro ol {padding-left:30px;} .competition-intro ul li {list-style-type:circle;line-height:18px;} .competition-intro ol li {list-style-type:decimal;line-height:18px;} .competition-intro p.competition-intro-centre {text-align:left;margin-top:5px;} /********** CHELSEA GARDEN SHOW *********/ #chelsea-gardens {padding-bottom:10px;} #chelsea-gardens h1 {font-size: 28px; font-weight: normal; color: #899A32; padding-bottom: 20px; line-height: 30px; text-align:center;} #chelsea-gardens h2 {font-size: 26px; font-weight: normal; color: #899A32; padding: 0; line-height: 30px;} #chelsea-gardens h3 {font-size: 26px; font-weight: normal; color: #897f51; padding: 0px; line-height: 30px;} #chelsea-gardens h4 {font-size: 18px; font-weight: normal; color: #959595; padding-top:5px;} #chelsea-gardens .show-garden-left, #chelsea-gardens .show-garden-right {width:456px; height:442px; float:left; border: 1px solid #E7E7E7; margin-bottom:10px;} #chelsea-gardens .show-garden-left {margin-right:15px;} #chelsea-gardens .show-garden-content {padding:10px 0;} #chelsea-gardens .show-garden-content h3, #chelsea-gardens .show-garden-content h4 {padding-left:10px;padding-right:10px;} #chelsea-gardens .show-garden-content .show-garden-thumb img {padding-top:10px;} #chelsea-gardens .show-garden-content .show-garden-description {padding:10px 10px 0 10px; line-height:18px; font-size: 14px; font-weight: normal; color: #666666;} #chelsea-gardens .show-garden-content .show-garden-read-more {float:right; padding:5px 10px 0 0;} #chelsea-gardens .chelsea-news {width:301px; height:262px; border: 1px solid #E7E7E7; float:left; margin:10px 11px 10px 0;} #chelsea-gardens .chelsea-win {margin-right:0;} #chelsea-gardens .chelsea-news .chelsea-news-content {padding:5px 10px 10px 10px;} #chelsea-gardens .chelsea-news .chelsea-news-content h3 {font-size: 21px; font-weight: normal; color: #899A32; padding-bottom:5px;} #chelsea-gardens .chelsea-news .chelsea-news-description {padding-top:5px; line-height:18px; font-size: 14px; font-weight: normal; color: #666666;} #chelsea-gardens .chelsea-news .chelsea-news-description a {color:#808f17;text-decoration:underline} #chelsea-gardens .chelsea-news .chelsea-news-description a:hover {text-decoration:none} #chelsea-gardens .chelsea-news .chelsea-video-caption {color:#666666; font-size: 16px; padding-top:5px;} #chelsea-gardens .visit-our-stand {width:930px;height:196px; border: 1px solid #E7E7E7; padding: 1px; margin-bottom: 10px; clear:both;} #chelsea-gardens .visit-our-stand h3 {font-size: 26px; padding:0 15px 15px 10px;} #chelsea-gardens .visit-our-stand h4 {font-size: 18px; padding:20px 15px 5px 10px;} #chelsea-gardens .visit-our-stand h3, #chelsea-gardens .visit-our-stand h4 {font-weight: normal; color: #637600;} #chelsea-gardens .visit-our-stand img {float:right; margin-left:15px;} #chelsea-gardens .visit-our-stand p {padding-left:10px;} #chelsea-gardens .bg-box {background: none repeat scroll 0% 0% #F9F9F9; height:100%;} #chelsea-gardens .visit-our-stand .visit-our-stand-content {padding:10px; color: #666666; line-height:18px; font-size: 14px; font-weight: normal;} #chelsea-gardens .garden-container {width:302px; height:204px; background-color:#e7e9ee; float:left; margin:7px 13px 6px 0;} #chelsea-gardens .garden-container-last {margin-right:0;} #chelsea-gardens .garden-container .garden-container-content {padding:4px; line-height:18px; font-size: 14px; font-weight: normal; color: #333333;} #chelsea-gardens .garden-container .garden-details {width:180px; float:left; padding-top:7px;} #chelsea-gardens .garden-container .garden-buttons {width:110px; float:right; padding-top:5px;} #chelsea-gardens .garden-container .garden-buttons img {padding-bottom:5px;} /* IE6 hacks */ * html #content_main .border-overview {clear:both;width:591px;} * html #content_main .btn_open-border-plan {margin:0 38.5px;} * html .border-overview #subtotals p {margin-left:2px;} /********** READY MADE BORDERS - FOR EXISTING SITE ENDS *********/ /**/ .condense_control{color: #899a32;font-weight: normal;} .condense_control:hover{text-decoration: underline;} /********** SHOWCASE *********/ /*div#tmpSlideshow {border: 1px solid #e8e8e8; padding: 1px; margin: 0 14px 10px 14px;} .header-promo .bg-promo {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/inspiration/BgPromo.gif) repeat-x left top; width: 918px; height: 209px; padding: 13px 0px 0px 13px;}*/ div#showcase-slideshow {margin: 0 14px 10px 14px;padding: 1px;position: relative;width: 928px;border: 1px solid #e8e8e8;} div#showcase-slideshow-background {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/inspiration/BgPromo.gif) repeat-x left top; padding: 13px 0px 0px 13px; height: 209px;} div.showcase-slide {position: absolute;top: 0;left: 0;width: 900px;height: 200px;display: none;} div.showcase-slide img {float: left;margin: 13px 0 0 13px;width: 710px;border: 1px solid rgb(244, 244, 244);} div#showcase-slideshow-controls {position: absolute;bottom: 13px;right: 11px;width: 175px;} div.showcase-slideshow-control {border: 1px solid #e1dece;float: left;margin: 0 5px 0 0;background: url('https://img.crocdn.co.uk/images/affiliates/crocus/showcase-number-background.png') no-repeat;width: 38px;height: 36px;color: #554d31;font: 14px Arial, sans-serif;text-align: center;cursor: pointer;} div.showcase-slideshow-control span {line-height: 36px;vertical-align: middle;} div.showcase-slideshow-control-on {background-image: url('https://img.crocdn.co.uk/images/affiliates/crocus/showcase-number-background-over.png');} div.showcase-slideshow-control-active {border: 1px solid rgb(161, 155, 137);} div.showcase-slide-copy {position: absolute;left: 745px;top: 14px;width: 170px;} div#showcase-slideshow h3{color: #666666;font: 18px Arial, sans-serif;margin-bottom: 10px;text-decoration:none;} div#showcase-slideshow h4{color: #666666;text-transform: uppercase;font: 14px Arial, sans-serif;margin-bottom: 10px;} div.showcase-slide-copy p {font: 14px Arial, sans-serif;line-height: 1.75em;} div.showcase-slide-copy a {color: #6f7700;text-decoration:none;} /********** WHATS NEW *********/ .whats-new .whats-new-wrapper {margin:0 12px 0 12px; padding: 10px 0 10px 0;} .whats-new .intro {color: #3d3d3d;font-size: 15px;line-height:18px;padding:0 0 20px 15px;} .whats-new p {line-height:18px;color:#3e3e3e;font-size: 11px;} .whats-new a {color:#0e9bc9; text-decoration: underline;} .whats-new a:hover {text-decoration: none;} .whats-new h1 {font-size: 30px; font-weight: normal; color: #000000; margin: 0px; line-height:34px;padding:0 0 10px 15px;} .whats-new h2 {font-size: 26px; font-weight: normal; color: #000000; margin: 0px; line-height:30px;padding-bottom:10px;} .whats-new h3 {font-size: 20px; font-weight: normal; color: #6e8408; margin: 0px; line-height:24px;padding-bottom:5px;} .whats-new h4 {font-size: 18px; font-weight: normal; color: #6e8405; margin: 0px; line-height:22px;padding:15px 0 10px 0; clear:left;} .whats-new .promo {color: #c22c52;} .whats-new .section1 {width:931px; height:539px; display:block;background: url(https://img.crocdn.co.uk/images/affiliates/crocus/whats-new/whats-new1.jpg) no-repeat; padding-left:15px;} .whats-new .section2 {width:930px; height:418px; display:block;background: url(https://img.crocdn.co.uk/images/affiliates/crocus/whats-new/whats-new2.jpg) no-repeat; padding-left:15px;} .whats-new .section3 {width:685px; height:657px; display:block;background: url(https://img.crocdn.co.uk/images/affiliates/crocus/whats-new/whats-new3.jpg) no-repeat; float:left; padding:5px 0 15px 15px;} .whats-new .section2 h2, .whats-new .section2 p {width:180px;} .whats-new .whats-new-column {width:275px; display: block; float:left; padding:10px 5px 40px 15px;} .whats-new .whats-new-column-last {width:275px; display: block; float:left; padding:10px 5px 40px 53px; background: url(https://img.crocdn.co.uk/images/affiliates/crocus/whats-new/icon-new.png) no-repeat left top;} .whats-new .whats-new-column p, .whats-new .whats-new-column-last p {line-height:18px;} .whats-new .section3 h2 {width:225px;float:left;} .whats-new .section3 .section3-link {width:250px;float:left;padding-top:12px;} .whats-new .section3-right {display:block; float: left; width:235px; margin:0; padding:0;} .whats-new .section3-right img {margin-bottom:10px;} .whats-new .section3-right .image-border {border: 3px solid; border-color:#b8b7b2;} .whats-new .section3-right .floating-image {width:104px; float:left; display:block;} .whats-new .section3-right .floating-text {width:120px; float:left; display:block;} /********** Gift wrap guide *********/ #wholesale .gift-wrap-hero {margin-bottom: 10px;} #wholesale .gift-wrap-option {width: 718px; height:165px; border-color:#dcdcdc; border-width:1px; border-style:solid; margin-top:15px;} #wholesale .gift-wrap-option-image {width:265px; float:right;} #wholesale .gift-wrap-option-text {padding:10px 20px 10px 20px; line-height:20px;} #wholesale .gift-wrap-option-text strong {font-weight:bold;} #wholesale .gift-wrap-title {font-weight:bold; font-size:14px; line-height:22px;} #wholesale .gift-wrap-explanation {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/GiftLargeIcon.gif) no-repeat left top; padding-left:100px;} #wholesale .gift-wrap-cards {background: url(https://img.crocdn.co.uk/images/affiliates/crocus/gift-wrap-guide-cards.jpg) no-repeat left top; padding-left:470px;padding-bottom:40px;margin-top:15px;} #wholesale .gift-wrap-text {margin-top:15px;} /********** Wheelbarrow Pop-Up *********/ .ui-widget-overlay { z-index: 0 !important; } #wheelbarrow-popup { border-color: #EAE9E6; border-style: solid; border-width: 10px; display: block; background-color: #FFFFFF; padding: 16px 0px 9px 13px; } #wheelbarrow-popup .info .item-picture { position:relative; float:left; margin-right:6px; } #wheelbarrow-popup .info .item-details { line-height:20px; } #wheelbarrow-popup .info .item-details em { color: #2B2B2A; font-size: 14px; font-weight: bold; } #wheelbarrow-popup .info .item-details em i { font-style: italic; } #wheelbarrow-popup .options { position:relative; float:left; clear:both; padding-top:7px; } #wheelbarrow-popup .options a { height:34px; display:block; float:left; position:relative; background-image: url('../../../images/affiliates/crocus/wheelbarrow/wheelbarrow_popup_options.png') } #wheelbarrow-popup .options a.continue-shopping { width:163px; margin-right:5px; } #wheelbarrow-popup .options a.goto-checkout { width:149px; background-position:-167px; } .ui-widget-overlay{ opacity:0.6; } /********** JOIN OUR CLUB *********/ #join-our-club.main { background: url(https://img.crocdn.co.uk/images/affiliates/crocus/crocus-club/bg.jpg?v2) no-repeat -110px -115px; height: 1560px; width: 932px; padding-top: 10px; } #join-our-club h1 { color: #899A32; font-size: 26px; font-weight: normal; margin-top: 5px; margin-bottom: 10px; } #join-our-club h2 { color: #899A32; font-size: 24px; font-weight: normal; margin-bottom: 7px; } #join-our-club p { font-size: 15px; line-height: 20px; } #join-our-club #club-badge { float: left; padding: 10px; } #join-our-club #join-crocus-club { float: left; padding-top: 12px; width: 480px; } #join-our-club #join-crocus-club p { font-size: 17px; line-height: 25px; } #join-our-club #join-club-top { float: right; margin-top: 17px; margin-right: 30px; background-color: rgb(243, 242, 238); border: 1px solid #c2c2bf; padding: 7px 3px; } #join-our-club #monthly-care-tips { position: relative; left: 25px; top: 175px; width: 300px; } #join-our-club #inbox { position: relative; left: 360px; top: 30px; } #join-our-club #discount { position: relative; left: 350px; top: 170px; width: 230px; } #join-our-club #special-offers { position: relative; left: 350px; top: 205px; width: 330px; } #join-our-club #open-days { position: relative; left: 350px; width: 490px; top: 228px; } #join-our-club #only-five { position: relative; left: 610px; top: 136px; } #join-our-club #windlesham { position: relative; left: 50px; top: 330px; } #join-our-club #chelsea-tickets { position: relative; left: 195px; width: 600px; top: 525px; } #join-our-club #join-club-bottom { position: relative; width: 313px; left: 600px; top: 595px; } #join-our-club #join-club-bottom div { background-color: #f3f2ee; border: solid #ebebeb 1px; padding: 15px; } #join-our-club #join-club-bottom p { margin-left: 17px; } /********** Catalogue Ordering *********/ #catalogue h2 { font-size: 24px; font-weight: normal; color: #899A32; padding: 0; line-height: 30px; margin-bottom:20px; } #catalogue h3 { font-size: 20px; font-weight: normal; color: #899A32; padding: 0; line-height: 30px; margin:10px 0 10px 0; } #catalogue .intro { width: 365px; display: block; float: left; } #catalogue .alignleft { padding:0; margin-right:2px; width:363px; float:left; } #catalogue .alignleft img { width:363px; height:362px; margin-bottom:10px; } #catalogue .instructions { width: 550px; margin-top: 10px; } #catalogue .alignleft p { margin: 0 15px 10px 0; line-height: 20px; font-size: 14px; } #catalogue .offer { width: 200px; display: block; float: left; } #catalogue .cro_form { margin-bottom:20px; } #catalogue .cro_form .field-short { width: 92px; } #catalogue .cro_form .aligncenter { text-align: center; } #catalogue .cro_form .field-tiny { width: 42px; } #catalogue #catalogue-order-form { padding: 10px 0 4px 0; } #catalogue #catalogue-order-form p { margin-bottom: 4px; } #catalogue .moreboxes { padding-left:15px; } #catalogue .catalogue-cover { width:352px; float:left; } #catalogue .catalogue-cover p { line-height: 20px; font-size: 14px; } #catalogue .catalogue-cover a { color: #8B9927; text-decoration: underline; } #catalogue .catalogue-cover a:hover { text-decoration: none; } /********** Catalogue Request *********/ #catalogue .cro-cat-request-form h2 {padding:15px 0 0 0;} #catalogue .cro-cat-request-form {color:#4c4c4c;} #catalogue .cro-cat-request-form .catalogue-request-intro {line-height:21px; font-size:16px; margin-bottom:15px;} #catalogue .cro-cat-request-form fieldset.catalogue-request-left {float:left; width:60%;} #catalogue .cro-cat-request-form fieldset.catalogue-request-right {float:right; width:40%;} #catalogue .cro-cat-request-form {margin:0;} #catalogue .cro-cat-request-form dl { overflow:hidden; padding-left:7px;} #catalogue .cro-cat-request-form dt {text-align:right;padding:5px 0.5em;float:left;clear:left; line-height:20px;} #catalogue .cro-cat-request-form dd {padding:5px 0; text-align:left; clear:right; overflow:hidden; line-height:18px;} #catalogue .cro-cat-request-form .field-normal {width:200px;} #catalogue .cro-cat-request-form .label-normal {width:9em;} #catalogue .cro-cat-request-form .label-long {width:12em;} #catalogue .cro-cat-request-form .label-extra-long {width:24em; text-align:left; line-height:2em;} #catalogue .cro-cat-request-form label {font-weight:normal; line-height:normal;} #catalogue .cro-cat-request-form .mailing-sign-up {line-height:16px; font-size:12px; margin-left: 40px;} #catalogue .cro-cat-request-form .mailing-sign-up p {margin-top:15px;} #catalogue .cro-cat-request-form .mailing-sign-up a {color:#617511; text-decoration:underline;} #catalogue .cro-cat-request-form .mailing-sign-up a:hover {text-decoration:none;} #catalogue .cro-cat-request-form .mailing-sign-up .tick-box {position:absolute; margin-left:-20px;} #catalogue .cro-cat-request-form .btn_send { background:url(https://img.crocdn.co.uk/images/affiliates/crocus/catalogue/btn-request-catalogue.png) no-repeat; width:225px; height:40px; border:0; text-indent:-9999px;cursor:pointer; margin: 15px 0 20px 123px;} #catalogue .success-message {margin-bottom:200px;}