/* ************************************************************************************************************************************ The CSS follows Magento inline-style convention, to make more 'readable' use http://www.codebeautifier.com/ ************************************************************************************************************************************ */ /*Grey body bg*/ body{background-color:#f0f0f0;color:#525252;font-family:Arial,Tahoma,Verdana,Helvetica,Sans-serif;} /* white body bg */ body{background-color:#ffffff;color:#525252;font-family:Arial,Tahoma,Verdana,Helvetica,Sans-serif;} /* wrapper */ .page{background-color:#fff;margin:0 auto;width:1000px;padding:10px;} /* header container */ .header{border:none;position:relative; height: 100px;} .header .welcome-msg{position:absolute;left:10px;top:105px;text-align:right;} /* search form */ .header #search_mini_form{position:absolute;bottom:30px;right:0px;} .header #search_mini_form label {font-size:12px;color:#000;} .header #search_mini_form input[type="text"]{border:1px solid #ccc;background:#f0f0f0;width:175px;margin:0;padding:2px 0px;} .header #search_mini_form .searchButton {background-color:#007DC3;border:none;height:21px;cursor:pointer;padding:0px 6px;font-size:10px;color:#ffffff;} .header #search_mini_form span {color:#fff;font-weight:bold;text-transform: uppercase;font-size:10px;} .header .freeDeliveryTop { font-size: 13px; font-weight: bold; position: absolute; padding-right: 32px; top: 10px; right: 0; background: transparent url('../images/freeShipping.gif') no-repeat right center; } .header .orderHotline { font-size: 13px; font-weight: bold; position: absolute; padding-right: 30px; margin-right: 2px; top: 35px; right: 0; background: transparent url('../images/orderHotline.gif') no-repeat right center; } /* site logo */ #logo{width:250px;height:90px;} /* Request A Catalogue */ #request-a-catalogue {float:left;margin-top:30px;margin-left:100px;width:220px;height:50px;position:relative;} #request-a-catalogue span.line1 {position:absolute;top:6px;left:60px;width:190px;} #request-a-catalogue span.line1 a {font-size:11px;color:#999999;text-decoration:none;} #request-a-catalogue span.line2 {position:absolute;top:16px;left:60px;width:190px;} #request-a-catalogue span.line2 a{font-size:14px;color:#666666;text-decoration:none;} /* cart link */ .links {position:absolute;right:0px;bottom:0px;} .links a{color:#525252;text-decoration:none;} .links ul{display:inline;} .links li{float:left;margin-right:5px;} /* main menu */ #nav {border:none;border-bottom:5px solid #007dc3;background:#f0f0f0;margin:0px;padding:0px;margin-top:15px;margin-bottom:15px;} #nav a {font-weight:normal;} #nav li {margin-right:5px;} #nav li a {padding:5px 8px;} #nav li.active, #nav a:hover {background:#007dc3;} #nav li.active a, #nav a:hover {color:#fff;} #nav li span.bold {font-weight:bold;} /* sidebar */ .left-col-splitter {height:1px;background-color:#eeeeee;margin:10px 0px 20px 0px;} .sidebar {border:none;} /* block */ .sidebar .block {background:#f8f8f8;border:1px solid #F0F0F0;} .sidebar .block .block-title {background:#f0f0f0;border:none;padding:4px 10px;} .sidebar .block .block-title h2{font-size:13px;} #newsletter-validate-detail label {font-size:12px;} #newsletter-validate-detail input[type="text"]{border:1px solid #ccc;width:175px;margin:0;padding:2px 0px;margin-top:5px;} #newsletter-validate-detail .button {border:1px solid #ccc;background:url('../images/caterstar/subscribe-submit-bg.png') repeat-x left;margin-top:5px;} #newsletter-validate-detail span {color:#fff;font-size:11px;padding:1px 15px;} /* callout image */ .sidebar .block-banner{background:#ffffff;border:none;} /* content callout, request catalogue */ .content-callout {float:right;position:relative;margin-top:20px;} .content-callout h3 {position:absolute;bottom:27px;right:180px;width:190px;} /* categories listing */ .sidebar .block-content li {padding-bottom:6px;} .sidebar .block-content li a {color:#525252;} .sidebar .block-content li a span {color:#FCB033;} .sidebar .block-content li a strong {color:#007DC3;} /* hide parent category */ .sidebar .block-content li.level0 a {display:none;} /* subcats classes */ .sidebar .block-content li.child {margin-left:20px;} .sidebar .block-content li.active {font-weight:bold;} .sidebar .block-content li.parent {font-weight:normal;} .sidebar .block-content ul.level0 a {display:block;} /* display children back */ .sidebar .block-content ul.level1 {margin-left:20px;} /* subcat of a subcat */ .sidebar .block-content .sub {margin-left:15px;} /* main content */ .main {padding-top:60px;position:relative;} .col-main {border:none;} .col-main h1 {font-size:36px;color:#007DC3;line-height:36px;position:absolute;top:0px;left:20px;} .col-main p {margin-bottom:10px;} /* breadcrumbs */ .breadcrumbs {border:none;margin:0px;padding:0px;font-size:11px;color:#666666;position:absolute;top:36px;left:22px;} .breadcrumbs li a {color:#999999;text-decoration:none;} .col-main h2 {color:#007dc3;font-size:15px;font-weight:bold;border-bottom:1px solid #f0f0f0;margin-bottom:10px;} .col-main h3, .col-main h4 {font-size:14px;} .col-main h5 {margin-top:4px;} /* subcategories listing */ .listing{;} .listing .category-box {float:left;margin:0px 24px 20px 0px;background:#F0F0F0;padding:5px;width:150px;} .listing .category-box .category-image-box{margin-bottom:5px;} .listing .category-box .category-name p {margin-bottom:0px;} /* categories */ .main a{color:#cc6600;text-decoration:none;} .main .category-title{border:none;} .main .category-title h2{color:#007dc3;font-size:36px;font-weight:normal;} .main .pager, .main .sorter{border:none;} .main .pager p{font-weight:bold;} .category-name a {color:#525252;} .category-box .categoryTitle { color: #333333; display: block; margin-bottom: 2px; } .category-box .categoryTitle span { color: #FCB033; } .category-box a.viewAll { float: left; display: inline; color: #FCB033; text-decoration: underline; } .category-box a.priceFrom { float: right; display: inline; } .category-box a.priceFrom strong { color: #007DC3; } /* products */ .product-list-toolbar {overflow:hidden;border:1px solid #F0F0F0;font-size:11px;margin-bottom:5px;padding:5px;position:relative;} .product-list-toolbar span {float:left;} .product-list-toolbar span.view-mode {float:right;} .product-list-toolbar span.current {clear:both;} .product-list-toolbar .pages {padding-left:280px;} .product-list-toolbar .pages ol {float:left;} .product-list-toolbar .pages ol li {display:inline;} .products-grid {background:#F0F0F0;padding:6px;float:left;border-right:10px solid #ffffff;border-bottom:10px solid #ffffff;width:190px;position:relative;} .products-grid a {color:#333333;} .products-grid.featured {background:#ffffff;width:150px;} /* Special Price */ .product-shop .price-box p { margin-bottom:0; } .product-shop .price-box .old-price .price-label { font-size:10px; } .product-shop .price-box .old-price .price { font-size:14px; } .product-shop .price-box .special-price .price-label { font-size:14px; color:#cc0000; } .product-shop .price-box .special-price .price { color:#cc0000; } .products-grid .products-info { padding-top:5px; } .products-grid .products-info h3.product-name {} .products-grid .products-info .price-box { margin-top:2px; } .products-grid .button, p.availability {} .products-grid .read-more { float:left; display: inline; margin-top:0px; } /* .products-grid .read-more { float:right; margin-top:-22px; }*/ .products-grid .read-more a {font-size:11px;color:#CC6600;} .products-grid h3.product-name {font-size:12px;font-weight:normal; margin-bottom: 2px;} .products-grid h3.product-name a {text-decoration:underline;} .products-list h3.product-name {margin-top:5px;font-size:12px;font-weight:normal;} .products-grid .price-box, .products-list .price-box{font-size:18px;margin-top:10px;color:#006699;} .products-grid .price-box p, .products-list .price-box p {margin-bottom:0;} .products-grid .price-box .price-label, .products-list .price-box .price-label {display:none;} .products-grid .price-box .old-price, .products-list .price-box .old-price { font-size:12px; line-height:8px; margin-top:10px; } .products-grid .price-box .special-price, .products-list .price-box .special-price { color:#cc0000; } .products-grid .button, .products-list .button {border:none;background-color: #FCB033; background-image: none; float: right; display: inline; } /* .products-grid .button, .products-list .button {border:1px solid #ccc;background:url('../images/caterstar/subscribe-submit-bg.png') repeat-x left; margin-top:2px;width:100%;}*/ .products-grid .button span, .products-list .button span{color:#666666;} .products-grid ul.add-to-links{display:none;} /* products in list listing */ .products-list .item {border:none;margin-right:80px;padding:5px 0px;} .availability {padding:12px 0px 1px;margin:0px !important;} /* products list view */ .product-image-list {float:left;border:5px solid #F0F0F0;margin-right:10px;} /* featured products */ .category-featured-products {margin-top:15px;} .category-featured-products td {width:210px;} .category-featured-products img {padding:5px; background:#F0F0F0;} .category-featured-products h3.product-name {font-size:12px;margin-top:5px;width:150px;border-bottom:none;} .category-featured-products h3.product-name a {color:#525252;} .category-featured-products span.price {font-size:18px;color:#007dc3;} /* shop */ .product-details {float:left;} .product-view .product-details {width:450px;} .product-view .product-name h2{color:#007dc3;font-size:36px;font-weight:normal;} .product-view .product-shop {margin-right:10px;} .product-view .product-shop {margin-right:10px;} .product-view .product-shop a {color:#007DC3; text-decoration: underline; } .product-view .product-shop span.pdfIcon {background:transparent url('../images/pdfIcon.gif') no-repeat top left;height:20px;width:20px;display:inline-block;padding-right:6px;} .product-view .product-shop p.product-view-availability{margin-top:20px;font-size:10px;} /* add to cart */ .product-view .product-shop .add-to-box {margin-top:20px;} .product-view .product-shop .add-to-box label{font-weight:bold;} .product-view .product-shop .add-to-box input {border:1px solid #ccc;} .product-view .product-shop .add-to-box .button {background:url('../images/caterstar/subscribe-submit-bg.png') repeat-x left;} .product-view .product-shop .add-to-box .button span{color:#fff;} .product-view .product-shop .add-to-box ul.add-to-links{display:none;} .product-view .product-shop .add-to-box .or{display:none;} .sidebar .block-cart .subtotal{text-align:left;} .sidebar .block-cart .price{color:#CC6600;} .block-cart .actions button.button{float:right;margin-top:10px;} .block-cart h3{color:#007dc3;font-size:15px;font-weight:bold;border-bottom:1px solid #f0f0f0;margin-top:25px;margin-bottom:10px;} /* add to cart */ .product-view .priceBasket { border: 5px solid #F0F0F0; margin-bottom: 5px; padding: 15px 25px; text-align: left; } .product-view .priceBasket p.poa { margin: 10px 0; text-align: center; } .product-view .priceBasket .add-to-box {margin-top:10px;} .product-view .priceBasket .add-to-box label{font-weight:bold;} .product-view .priceBasket .add-to-box input {border:1px solid #ccc;} .product-view .priceBasket .add-to-box .add-to-cart { float: none; } .product-view .priceBasket .add-to-box .add-to-cart label { float: none; } .product-view .priceBasket .add-to-box .add-to-cart .qty { float: none; } .product-view .priceBasket .add-to-cart .button{ float: none; margin-right: 5px;} .product-view .priceBasket .add-to-cart .button,.product-view .priceBasket .add-to-cart .button span, .product-view .priceBasket .add-to-box .button,.product-view .priceBasket .add-to-box .button span { padding: 1px 3px; background: #FCB033 none; border: none; color: #666666; text-decoration: underline; } .product-view .priceBasket .add-to-box ul.add-to-links{display:none;} .product-view .priceBasket .add-to-box .or{display:none;} .product-view .priceBasket .in-stock,.product-view .priceBasket .freeDeliv{color:#00AB50; font-weight: bold; margin: 0;} .product-view .priceBasket .price-box {font-size:18px;margin-top:0px;color:#007dc3;} .product-view .priceBasket .price-box.poa {font-size:15px;margin-top:0px;color:#007dc3; text-align: center;} .product-view .priceBasket .product-view-availability {margin:0px;} .product-view .priceBasket .product-options { background-color: transparent; border: none; padding: 0; margin-top: 3px; } .product-view .priceBasket .product-options-bottom { border: none; padding: 0; } .product-view .priceBasket .product-options-bottom .regular-price { display: none; } .product-view .priceBasket .product-options dl { margin: 5px 0; } .product-view .priceBasket .product-options dd { margin: 0; } .product-view .priceBasket .product-options dd ul { margin: 0; } .product-view .product-shop h3 {color:#007dc3;font-size:15px;font-weight:bold;border-bottom:1px solid #f0f0f0;margin-top:25px;margin-bottom:10px;} .product-view h3 {color:#007dc3;font-size:15px;font-weight:bold;border-bottom:1px solid #f0f0f0;margin-top:25px;margin-bottom:10px;} p.buyOnlineTag { margin: 10px 0; text-align: center; font-size: 14px; } /* product image */ .product-view .product-img-box {float:right;width:270px;} .product-view .product-img-box p.product-image{border:none;} .product-view .product-img-box ul{margin-top:5px;} .product-view .product-img-box .more-views li{background:none;margin-bottom:5px;} .primary-image {border:5px solid #f0f0f0;margin-bottom:5px;} .product-img-thumbs {} .product-img-thumbs p {font-size:9px;margin:0px;padding:2px;color:#787878;} .product-img-thumbs .img-thumb {float:left;border:2px solid #F0F0F0;margin-right:5px;} /* ask a question form */ #questionForm label { display: block; color: #007DC3; font-size: 14px; } #questionForm input, #questionForm textarea { display: block; width: 300px; padding: 4px; margin-bottom: 5px; border: 1px solid #D1D1D1; } #questionForm .submit { width: 100px; color: #666666; background-color: #FCB033; padding: 2px 5px; border: none; cursor: pointer; font-weight: bold; text-decoration: underline; } p.thankyouMessage { font-size: 13px; font-weight: bold; margin: 0; padding: 3px; text-align: center; border: 1px solid #00AB50; } /* popups */ .a-right a {color:#CC6600;text-decoration:none;} /* pages */ .page-title h2 {color:#007dc3;font-size:36px;font-weight:normal;} .contact-details th {font-size:12px;font-weight:bold;} .contact-details td {padding:0px 80px 0px 0px;} .col-main p img {border:5px solid #F0F0F0;margin-left:20px;} .col-main h2 img {border:5px solid #F0F0F0;margin-left:20px;} /* Design Projects */ .design-project {padding-bottom:10px;position:relative;height:120px;} .design-project h2 a {color:#007DC3;} a.view-gallery {position:absolute;top:4px;right:120px;color:#999999;font-size:10px;} a.view-gallery:hover {color:#333333;} .design-project-gallery-image {float:left;margin-right:10px;} /* basket */ .data-table td, .data-table th {border:1px solid #f0f0f0;} .data-table thead {background-color:#f0f0f0;} .crosssell {padding-bottom:20px;} .crosssell h3 {border-bottom:1px solid #F0F0F0;color:#007DC3;font-size:15px;font-weight:bold;margin-bottom:10px;margin-top:25px;} .crosssell .price-box {padding-bottom:6px;} .crosssell .button {margin-left:6px;} .checkout-cart-index .checkout-types button { border: 1px solid #FCB033; background: transparent url("../images/caterstar/checkout-button-yellowbg.png") repeat-x scroll left top; } /* my account */ .order-list-title {position:relative;} .order-list-title .view-all-link {font-size:10px;position:absolute;right:4px;top:4px;} .address-book-list li {padding-bottom:10px;} /* forms */ .group-select .legend {color:#007dc3;font-size:15px;font-weight:bold;border-bottom:1px solid #f0f0f0;margin-top:25px;margin-bottom:10px;} .group-select li input.input-text, .group-select li select {width:410px;} .group-select li input.input-text.price {width:180px;} .group-select label, .form-list label{font-weight:bold;} .group-select input, .group-select textarea, .form-list input {border:1px solid #ccc;margin-bottom:10px;} .required{display:none;} .buttons-set {border:none;margin:0px;padding:0px;} .buttons-set .button {background:url('../images/caterstar/subscribe-submit-bg.png') repeat-x left;float:left;} .buttons-set .button span {color:#fff;} .actions button.button {background:url('../images/caterstar/subscribe-submit-bg.png') repeat-x left;float:left;} .actions button.button span {color:#fff;} /* contact us address */ .address, .float-right{margin-top:10px;} .float-right{float:right;margin-right:250px;} address.telephone{margin-top:20px;} .float-right table{width:250px;} #add_recipient_button button.button{background:url('../images/caterstar/subscribe-submit-bg.png') repeat-x left;float:left;} #add_recipient_button span{color:#fff;} button.button {background:url('../images/caterstar/subscribe-submit-bg.png') repeat-x left;} button.button.listView {width:180px;} button.button span {color:#ffffff;} #advanced-search-list {width:420px;} /* checkout */ .one-page-checkout .active .step-title {background-color:#f0f0f0;height:26px;} .one-page-checkout .step-title h3 {font-size:12px;line-height:26px;} .one-page-checkout .step-title .number {line-height:26px;} dd.complete {padding-bottom:10px;} #billing-new-address-form .input-box {float:left;padding-right:40px;} #shipping-new-address-form .input-box {float:left;padding-right:40px;} #checkout-step-review .button-set { text-align:right; padding-top:10px; } /* messages */ p.note-msg {margin-bottom:0px;color:#333333;} /* 404 */ .page-head-alt h3{color:#007dc3;font-size:15px;font-weight:bold;border-bottom:1px solid #f0f0f0;margin-top:25px;margin-bottom:10px;} ul.disc a {color:#CC6600;text-decoration:none;} /* footer */ .footer {border:none;border-top:1px solid #ccc;position:relative;height:70px;} .footer .links{position:absolute;left:10px;top:65px;} .footer ul {position:absolute;left:10px;top:65px;display:inline;} .footer li {float: left;margin-right:3px;} .footer a{color:#525252;text-decoration:none;} .footer address {text-align:left;position:absolute;left:10px;top:20px;} #credit-cards {position:absolute;top:10px;right:10px;} /* misc */ .clear {clear:both;height:0px;} /* Lightbox */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption strong { font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; font-style: italic; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; background-color: #000; }