/********************************************************************************** Layout content Override ***********************************************************************************/ .outer {width:800px; padding-left:160px;} .content-wrap {margin-right: -195px; } #left {width: 180px; margin:0; padding:0 0 0 10px; } #right {display:none;} .outer-outer-wrap{ background:#f4f4f4;} .header-wrap{ width:1000px; margin:0 auto;} /********************************************************************************** Layout content Override End ***********************************************************************************/ /********************************************************************************** JD GAllery Override ***********************************************************************************/ #home-page-gallery { width: 780px; height: 180px; z-index:5; display: none; margin-left:5px; margin-right:5px; /*border: 1px solid #000;*/ } #galleryPageGallery { width: 500px; height: 500px; z-index:5; display: none; margin:5px auto; /*border: 1px solid #000;*/ } #productGallery { width: 460px; height: 400px; z-index:5; display: none; margin:5px auto; } #productGallery .carouselContainer { margin-top:0px; overflow:visible;} #productGallery .carousel { background:#f1eee5;} #productGallery .thumbnail { background:transparent;} #productGallery .carouselBtn { display:none;} #productGallery .slideElement { width: 100%; height: 100%; background-color: #F7F6F3; /*cream*/ background-repeat: no-repeat; } #productGallery a.right { background: none; } #productGallery a.left { background: none; } /********************************************************************************** JD Gallery Override End ***********************************************************************************/ body { font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color:#333; background:#fff;} h1{ padding-left:10px; display:block; font-size:1.5em; text-align:left; margin:0; border-bottom: dashed 1px #c3c3c3; color:#333;} h2{ font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; display:block; font-size:1.4em; margin:0; color:#0f6d38;} h3{ font-size:1.2em; text-align:center; margin:0;} h4, h5, h6{padding:0; margin:0; font-weight:normal; font-size:1em;} /* Main Content classes -----------------------*/ .bct {background: #e8e5d4; color: #908d80; height:10px; width:99%; margin:0 auto;} .bct a {color: #9b9990;} .basket-page-wrapper .outer{} .basket-page-wrapper .inner{border:none;} .checkout-page-wrapper .outer, .checkout-page-wrapper .inner{border:none;} a{} a:link { color:#333;} a:visited { color:#333;} a:active {color:red;} a:hover {} .header{ display:block;padding:5px 0;} .instructions{margin-bottom:10px; display:block;} .error{color:Red;} .clear{clear:both; padding:0; margin:0;} .button{background:#00bc67 url(./img/greenbutton.jpg) repeat-x top left; border: solid 1px #0f6d38; padding: 3px; margin:1px; color:#fff; font-weight:bold; font-size:0.8em; position:relative;} .input-box{} /* Info and Help classes -----------------------------*/ .tandc-wrap{} .tandc-header-wrap{} .tandc-content-wrap{} .privacy-wrap{} .privacy-header-wrap{} .privacy-content-wrap{} .faqs-wrap{} .faqs-header-wrap{} .faqs-content-wrap{} /* Header Menu ----------------*/ .header-menu-row{ text-align:right; padding:1px 0; padding-bottom:3px; background:transparent; width:1000px; margin:0px auto;} .header-menu-row a:link, .header-menu-row a:visited{} .header-menu-row .menu-content{} .header-menu-row ul {margin: 0px; padding:0px;} .header-menu-row ul li { list-style:none; } .header-menu-row .header-menu-item {display:inline; padding: 0px; margin:0px;} .header-menu-row .header-menu-item-selected {display:inline; padding: 0px; margin:0px;} .header-menu-row .header-menu-item-last {} .header-menu-row .header-menu-item-selected-last {} .header-menu-row .header-menu-item-first {} .header-menu-row .header-menu-item-selected-first {} .header-menu-row .header-menu-item a{padding:0 7px 0 7px; border-left:solid 1px #8e8e8a;} .header-menu-row .header-menu-item-selected a{padding:0 7px 0 7px; border-left:solid 1px #8e8e8a;} .header-menu-row .header-menu-item-first a{border-left:none;} .header-menu-row .header-menu-item-selected-first a{padding:0 7px 0 7px; border-left:none;} .header-menu-item-terminator{} /* Main Menu ----------------*/ .main-menu-row{font-weight:bold; width:1000px;} .main-menu-row .menu-content{ width:1000px; padding:0; margin:0px auto; } .main-menu-row ul {margin: 0; padding:3px 0;} .main-menu-row ul li { list-style:none;} .main-menu-row .main-menu-item { padding:5px; display:inline; margin:2px 0; } .main-menu-row .main-menu-item:hover { } .main-menu-row .main-menu-item a:link, .main-menu-row .main-menu-item a:visited {color:#939393; font-weight: normal; text-decoration:none; border-right:dotted 1px #939393; padding-right:10px;} .main-menu-row .main-menu-item-selected-first a:link, .main-menu-row .main-menu-item-selected-first a:visited, .main-menu-row .main-menu-item-selected a:link, .main-menu-row .main-menu-item-selected a:visited {color:#524be5; font-weight: bold; text-decoration:none; border-right:dotted 1px #939393; padding-right:10px;} .main-menu-row .main-menu-item a:hover{ text-decoration:none; color:#524be5;} .main-menu-row .main-menu-item-selected {padding: 5px; display:inline; margin:3px 0;} .main-menu-row .main-menu-item-last a:link, .main-menu-row .main-menu-item-last a:visited, .main-menu-row .main-menu-item-selected-last a:link, .main-menu-row .main-menu-item-selected-last a:visited {border-right:none;} .main-menu-row .main-menu-item-first {margin-left:0px; } .main-menu-row .main-menu-item-selected-first {margin-left:0px;} .main-menu-item-terminator{ } .menu-clear{clear:left; margin:0; padding:0; height:0; width:0; font-size:0; border:none; position:relative;} *html .menu-clear{display:none;} /* Footer Menu ----------------*/ .footer-menu-row{text-align:right; padding:5px 0; border-bottom: solid 1px #c3c3c3; border-top: solid 1px #c3c3c3; background:#343434 url(./img/mainnav-bg.png) repeat-x bottom left; width:1000px;} .footer-menu-row a:link, .footer-menu-row a:visited{font-size:0.9em; color:#939393;} .footer-menu-row .menu-content{width:1000px; margin:0px auto;} .footer-menu-row ul {margin: 0px; padding:0px;} .footer-menu-row ul li { list-style:none; } .footer-menu-row .footer-menu-item {display:inline; padding: 5px; margin:0px;} .footer-menu-row .footer-menu-item:hover { } .footer-menu-row .footer-menu-item a:link, .footer-menu-row .footer-menu-item a:visited {color:#939393; font-weight: normal; text-decoration:none; border-right:dotted 1px #939393; padding-right:10px;} .footer-menu-row .footer-menu-item-selected-first a:link, .footer-menu-row .footer-menu-item-selected-first a:visited, .footer-menu-row .footer-menu-item-selected a:link, .footer-menu-row .footer-menu-item-selected a:visited {color:#524be5; font-weight: bold; text-decoration:none; border-right:dotted 1px #939393; padding-right:10px;} .footer-menu-row .footer-menu-item a:hover{ text-decoration:none; color:#524be5;} .footer-menu-row .footer-menu-item-selected {padding: 5px; display:inline; margin:3px 0;} .footer-menu-row .footer-menu-item-last a:link, .footer-menu-row .footer-menu-item-last a:visited, .footer-menu-row .footer-menu-item-selected-last a:link, .footer-menu-row .footer-menu-item-selected-last a:visited {border-right:none;} .footer-menu-row .footer-menu-item-first {margin-left:0px; } .footer-menu-row .footer-menu-item-selected-first {margin-left:0px;} .logo-image{float:left;display:inline-block;margin-left:5px;} .search-box{display:none;} .search-box p{margin:0; padding:0;} /* Mission statement and gallery -----------------------------------*/ .mission{} .mission-header{ } .mission-content-wrapper{ margin-top:5px;} .mission-gallery{} .mission-text{ margin-left:3px;} /* Product Catalogue -------------------------*/ .product-catalogue-wrap{} .catalogue-menu-link-wrapper{display:none;} .catalogue-no-products-wrapper{display:none; color:#325e3a; width:98%; border:solid 2px #325e3a; margin: 5px auto; font-size:small; padding:2px 5px;} .catalogue-item{ text-align:center; float:left; width: 210px; margin: 0 0 5px 5px; min-height: 150px; position:relative; background: #ffffff; border:solid 1px #d3d3d3;} * html .catalogue-item{height: 150px;} .catalogue-item-inner{ text-align:center;width: 210px; min-height: 150px; position:relative;} .catalogue-title-wrap{display:block; margin-bottom:5px; margin-top:5px; color:White; padding: 2px 5px 2px 5px;} .catalogue-title-wrap h3 a{ font-weight:bold; text-decoration:underline;} .catalogue-image-wrap{display:block; margin:0 auto; padding:5px; } .catalogue-subtitle-wrap{display:block;margin:0 5px; font-weight:bold;} .catalogue-code-wrap{display:block; margin:0 5px;} .catalogue-sku-wrap{display:block; margin:0 5px;} .catalogue-overview-wrap{display:block; margin:0 5px 5px 5px;} .catalogue-prices-wrap{display:block; margin:0 5px; font-weight:bold;} .catalogue-sale-prices-wrap{display:block; margin:0 5px;color:Red; font-weight:bold;} .catalogue-sale-price{ } .catalogue-stock-wrap{display:block; margin:0 5px;} .catalogue-controls-wrap, .catalogue-buttons-wrap{ display:none; margin: 0 0 5px 5px; vertical-align:text-bottom;} .enquiry-link{ font-size:0.9em; display:block; } .item-clear{clear:both;} .product-catalogue-wrap{} .product-catalogue-wrap .catalogue-menu-link-wrapper{color:#e3ce4e; width:99%; border: solid 1px #c4c4c4; margin: 5px auto;font-size:small;} .product-catalogue-wrap .catalogue-menu-title-wrapper{width:100%; background: #325e3a url(./img/menufade.png) repeat-x top left; padding: 2px 0; font-weight:bold;} .product-catalogue-wrap .catalogue-menu-title{margin:2px 5px;} .product-catalogue-wrap .catalogue-menu-item-link-wrap{width:100px; float:left; text-align:center; margin:5px;} .product-catalogue-wrap .catalogue-menu-item-link-image img{display:block; width:75px; height:50px; margin: 0 auto;} .product-catalogue-wrap .catalogue-menu-item-link{ margin: 0 0 0 5px; font-weight:bold; clear:both;} .product-catalogue-wrap .catalogue-title{} .product-catalogue-wrap .catalogue-intro{} .product-catalogue-wrap .catalogue-no-products-wrapper{color:#325e3a; width:98%; border:solid 2px #325e3a; margin: 5px auto; font-size:small; padding:2px 5px;} .product-catalogue-wrap .catalogue-item{width: 98%; border:none; border-top:solid 1px #e3e3e3; background: #ffffff; min-height:120px; padding:5px 0;} * html .product-catalogue-wrap .catalogue-item{height: 120px;} .product-catalogue-wrap .catalogue-item-inner{position:relative; width:100%; min-height:0px; text-align:left;} .product-catalogue-wrap .catalogue-title-wrap{ float:right; width:540px; padding:0; margin: 0px 10px 10px 10px;} .product-catalogue-wrap .catalogue-title-wrap h3{display:block; font-weight:bold; text-align:left;} .product-catalogue-wrap .catalogue-title-wrap h3 a{ text-decoration:underline;} .product-catalogue-wrap .catalogue-image-wrap{display:block; float:left; margin-left:10px; margin-right:10px; margin-bottom:5px; width:180px; padding:5px; border:solid 1px #c3c3c3;} .product-catalogue-wrap .catalogue-subtitle-wrap, .product-catalogue-wrap .catalogue-overview-wrap{width:540px; float:right;} .product-catalogue-wrap .catalogue-code-wrap, .product-catalogue-wrap .catalogue-sku-wrap, .product-catalogue-wrap .catalogue-overview-wrap{display:block;} .product-catalogue-wrap .catalogue-prices-wrap{display:block; font-weight:bold;} .product-catalogue-wrap .catalogue-sale-prices-wrap{display:block; color:Red; font-weight:bold;} .product-catalogue-wrap .catalogue-sale-price{ } .product-catalogue-wrap .catalogue-stock-wrap{display:block;} .product-catalogue-wrap .catalogue-controls-wrap { float:right; background:#e4f1e7; margin: 0; padding:10px; display: inline; display:none; } .product-catalogue-wrap .enquiry-link{ font-size:0.9em; display:inline; text-decoration:underline; } .product-catalogue-wrap .item-clear{clear:both;} /**************************************************** BLOG CLASSES ****************************************************/ .blog-item{ border:none; border-top:solid 1px #e3e3e3; background: #ffffff; min-height:120px; padding:5px 0;} * html .blog-item{height: 120px;} .blog-item-inner{position:relative; width:100%; min-height:0px; text-align:left;} .blog-title-wrap{padding:0; margin: 0px 10px 10px 10px;} .blog-title-wrap h3{display:block; font-weight:bold; text-align:left; font-size:1.3em;} .blog-title-wrap h3 a{ text-decoration:underline; color: Blue;} .blog-image-wrap{display:block; float:left; margin-left:10px; margin-right:10px; margin-bottom:5px; padding:5px; border:solid 1px #e3e3e3;} .blog-subtitle-wrap { padding:5px 10px; } .blog-subtitle-wrap h4{ font-weight: bold; font-size: 1.2em; color:#0F6D38;} .blog-overview-wrap{padding:5px 10px;} .blog-overview-wrap a{color:Blue; display:block;} .blog-pager-top, .blog-pager-bottom{padding:10px; background:#DCECBD; border-top: solid 1px #e3e3e3; border-bottom: solid 1px #e3e3e3; margin: 10px 0 5px 0;} .blog-details-wrapper{margin-top: 10px;} .blog-title{} .blog-subtitle{margin:5px 0;} .blog-image-gallery{float:left; margin: 0 10px 5px 5px;} .blog-overview{} .blog-image-gallery .main-image{ margin-bottom:5px; padding:5px; border:solid 1px #e3e3e3;} .blog-image-gallery .main-image-thumbs{ margin-bottom:5px; padding:5px;} /***************************************************/ .catalogue-pager-top, .catalogue-pager-bottom{width:100%; background:#e4f1e7; padding: 5px 0; margin-bottom:5px; clear:both; display:none;} .pager-display-text{ padding:0; margin:0;} .pager-nav{ float:left;padding:1px 0;margin: 0;} .pager-sort{ float:right; padding:0;margin: 0;} .pager-sort a:link, .pager-sort a:visited { text-decoration:underline;} .pager-last{ clear:both; padding:0;margin: 0;} .pager-top-item, .pager-bottom-item, .pager-top-show-all, .pager-bottom-show-all { padding: 0 1px; margin:1px; color:#e3ce4e;} .pager-top-selected, .pager-bottom-selected{ padding: 0 1px; margin:1px; color:White; font-weight:bold;} .pager-top-selected:link, .pager-bottom-selected:link{ text-decoration:underline;} .pager-top-selected:visited, .pager-bottom-selected:visited{ text-decoration:underline;} .pager-top-item:link, .pager-bottom-item:link, .pager-top-show-all:link, .pager-bottom-show-all:link{} .pager-top-item:visited, .pager-bottom-item:visited, .pager-top-show-all:visited, .pager-bottom-show-all:visited{} .pager-display-text{float:right;} .featured-products{} .featured-products-title{margin:10px 0;} /* Product Details ------------------*/ .product-title{} .product-subtitle{} .product-image-gallery{float:left; margin: 0 10px 5px 5px;} .product-overview{} .product-details-wrapper {margin-top:10px;} .product-details-wrapper .product-controls{ display:none; margin: 10px 0;} .product-details-wrapper .product-controls .button{ font-size:1em;} .main-image{ margin-bottom:5px; padding:5px; border:solid 1px #c3c3c3;} .main-image-thumbs{ margin-bottom:5px; padding:5px;} .product-relations-wrap{clear:both;} .product-relations-title{margin:10px 0;} .product-prices-wrap{margin-top:10px; font-weight:bold;} .product-sale-prices-wrap{display:block; margin-left:5px;color:Red; font-weight:bold;} .product-details-enquiry-link{padding:3px; color:#fff; background:#69adda url(./img/bluefade.jpg) repeat-x bottom left;} a.product-details-enquiry-link{color:#fff;} /* Product Options ------------------*/ .product-options-wrap{width:300px; float:right; margin-left:3px;} .options-products-wrap{} .options-products-wrap table{width:99%;} .options-products-wrap td{ border-top:solid 1px #444; } .options-products-wrap td input{} .options-products-wrap td label{margin-left:5px;} .options-text{} .options-header{ font-weight:bold;color:#f69640; display:block;} .options-info{} .options-table{border:solid 1px #333;} .options-content{width:130px;} .options-prices{width:90px;} .options-quantity{width:60px;} .option-wrap-header{ background:#3C403B url(./img/mainmenugrey2.jpg) repeat-x left bottom; font-weight:bold;} .option-wrap-header td, .option-wrap td, .option-wrap-alt td{ padding:2px 2px;} .option-wrap{ background:#444;} .option-wrap-alt{ background:#555;} .product-options-wrap .product-controls{float:right;} .options-clear{clear:left;} /* Basket ----------------*/ .basket-header-wrapper{} .basket-label-wrapper{} .basket-repeater{padding:5px; font-size:small;} .basket-header{font-weight:bold; text-align:left; color:#f69640;} .basket-footer{border-bottom:1px solid #c2c2c2;} .basket-item{ background-color:#444444 ;} .basket-item-alt{background-color:#555555;} .basket-product, .basket-stock, .basket-quantity, .basket-item-price, .basket-line-price, .basket-remove {padding:0; margin:0; min-height:30px;} .basket-product{width:450px;} .basket-stock{display:none;} .basket-quantity{width:65px;} .basket-item-price{width:70px; text-align:right;} .basket-line-price{width:70px; text-align:right;} .basket-remove{width:70px; text-align:center;} .basket-header th{padding: 2px; border-bottom:solid 1px #888;} .basket-item td{padding: 2px; border-bottom:solid 1px #888;} .basket-item-alt td{padding: 2px; border-bottom:solid 1px #888;} .basket-footer td{padding: 2px; vertical-align:top;} .basket-header .basket-item-price{width:60px; text-align:center;} .basket-header .basket-line-price{width:70px; text-align:center;} .basket-image{float:left; margin:0 5px 0 0;} .basket-product-link{display:block;font-weight:bold;} .basket-subtitle{} .basket-option{display:block; font-weight:bold;} .basket-product-code{} .basket-stock-label{} .basket-price{} .basket-buttons{width:100%; text-align:left;} .checkout-button{} .payment-selection-wrap{margin:30px auto;width:200px; border:solid 1px #c3c3c3; padding:20px; background: #ffffff url(./img/bannerfade.png) repeat-x top left;} .standard-checkout-button{background:#f69640 url(./img/orangefade.jpg) repeat-x top left; border: solid 1px #f69640; padding: 1px; margin:1px; color:#fff; font-weight:bold; font-size:1.2em; position:relative; height:30px; vertical-align:top;} .paypal-express-button{background: url(https://www.paypal.com/en_GB/i/btn/btn_xpressCheckout.gif) no-repeat top left; border:none; width:150px; height:50px; margin: 5px 0px 0px 25px;} .checkout-or-label{font-weight:bold; font-size:1.5em; color:#d6d6d6; vertical-align:top; margin: 10px 10px;} .basket-sub-total{} .basket-delivery-total{} .basket-tax-total{} .basket-total{ margin:none; font-weight:bold; border-bottom:solid 1px #ededed; border-top:solid 1px #ededed;} .mini-basket{ border:solid 1px #444; margin: 5px 0 0 5px;} .mini-basket-noitems{margin:2px 4px; display:block;} .mini-basket table{width:100%; padding: 0px;} .mini-basket .basket-link-wrap{ padding:2px 5px; font-weight:bold;text-align:left; background:#242523; position:relative; text-align:center;} .mini-basket .basket-link-wrap a{display:block;} .mini-basket .checkout-link-wrap{ padding:2px 5px; font-weight:bold;text-align:left; background: #242523;position:relative; text-align:center; } .mini-basket .checkout-link-wrap a{display:block;} .mini-basket-footer{font-weight:bold;text-align:left;} .mini-basket-item td{ font-size:0.9em; padding:0px 3px;} .mini-basket-item-alt td{ font-size:0.9em;padding:0px 3px;} .mini-basket-item{background:#444;} .mini-basket-item-alt{background:#555;} /* Enquiry Form ----------------*/ .enquiry-header-wrapper{} .enquiry-header{} .enquiry-form{} .enquiry-form div{margin:3px 0;} .enquiry-instructions-wrapper{} .enquiry-label{ width:150px; display:block; vertical-align:text-top; float:left;} .error-summary{position:relative;} .error-summary ul{border:solid 1px red; color:Red; background:#f6dfdf; padding:5px 30px; margin:5px 0 10px 0;} .name-row{} .email-row{} .phone-row{} .topic-row{} .detail-row{} .enquiry-buttons{ padding-left:150px;} .contact-thankyou-wrapper{} .contact-thankyou-header{} .contact-thankyou-body{} /*------------------------------------------ Checkout Controls -------------------------------------------*/ .checkout {} .checkout p {margin:0;} .checkout-label{width:170px; float:left; display:block;} .checkout-input{} .checkout-error-summary{border:solid 1px red; color:Red; background:#f6dfdf; padding:5px 30px; position:relative; margin:5px 0 5px 5px;} .postcode .checkout-input{width:100px;} .address5{display:none;} .checkout-delivery-header-wrap{font-size:0.9em; font-weight:bold; color:#f69640; } .checkout-delivery-instructions-wrap{} .checkout-billing-header-wrap{font-size:0.9em; font-weight:bold; color:#f69640; } .checkout-billing-instructions-wrap{} .address-header{ font-size:1.2em; font-weight:bold; color:#f69640; border-bottom:1px solid #555; padding: 5px 0 5px 5px; background: #333 url(./img/mainmenugrey2.jpg) repeat-x top left; position: relative; } .checkout .address-instructions{ padding:5px 0; font-weight:bold; margin:1px 20px;} .checkout-delivery-address{margin: 10px 5px 5px 5px; border:1px solid #555;} .checkout-delivery-address .name{margin:2px 20px;} .checkout-delivery-address .address1{margin:2px 20px;} .checkout-delivery-address .address2{margin:2px 20px;} .checkout-delivery-address .address3{margin:2px 20px;} .checkout-delivery-address .address4{margin:2px 20px;} .checkout-delivery-address .address5{margin:2px 20px;} .checkout-delivery-address .address6{margin:2px 20px;} .checkout-delivery-address .postcode{margin:2px 20px;} .checkout-delivery-address .country{margin:2px 20px;} .checkout-delivery-address .phone-number{margin:2px 20px 5px 20px;} .checkout-billing-address{margin: 10px 5px 5px 5px; border:1px solid #555;} .checkout-billing-address .email{margin:2px 20px;} .checkout-billing-address .tick-box{margin:2px 20px;} .checkout-billing-address .tick-box label{width:170px; display:block; float:left;} .checkout-billing-address .name{margin:2px 20px;} .checkout-billing-address .address1{margin:2px 20px;} .checkout-billing-address .address2{margin:2px 20px;} .checkout-billing-address .address3{margin:2px 20px;} .checkout-billing-address .address4{margin:2px 20px;} .checkout-billing-address .address5{margin:2px 20px;} .checkout-billing-address .address6{margin:2px 20px;} .checkout-billing-address .postcode{margin:2px 20px;} .checkout-billing-address .country{margin:2px 20px;} .checkout-billing-address .phone-number{margin:2px 20px 5px 20px;} .email .checkout-input {width:200px;} .name .checkout-input {width:200px;} .number .checkout-input{width:200px;} .start .checkout-input{width:60px;} .expiry .checkout-input{width:60px;} .issue .checkout-input{width:20px;} .security .checkout-input{width:40px;} .bank-details{margin: 10px 5px 5px 5px; border:1px solid #555;} .payment-header{font-size:1.2em; font-weight:bold; color:#f69640; border-bottom:1px solid #555; padding: 5px 0 5px 5px; background: #333 url(./img/mainmenugrey2.jpg) repeat-x top left; position: relative;} .bank-details .payment-instructions{ padding:5px 0; font-weight:bold; margin:1px 20px;} .bank-details .tick-box{margin:2px 20px;} .bank-details .name{margin:2px 20px;} .bank-details .type{margin:2px 20px;} .bank-details .number{margin:2px 20px;} .bank-details .start{margin:2px 20px;} .bank-details .expiry{margin:2px 20px;} .bank-details .issue{margin:2px 20px;} .bank-details .security{margin:2px 20px;} .bank-details .postcode{margin:2px 20px;} .bank-details .country{margin:2px 20px;} .bank-details .phone-number{margin:2px 20px 5px 20px;} .checkout-tsandcs{width:100%; text-align:right; margin:10px 0px;} .tsandcs-box{clear:both;} .checkout-buttons{width:100%; clear:both;} .checkout-buttons .button{font-size:1em;} .previous-button{float:left;} .next-button{float:right;} /* order ----------------*/ .checkout-summary-wrap{ position:relative; border:1px solid #555; margin:5px 0 0 0;} .checkout-summary-header-wrap{ font-size:0.9em; color:#f69640; border-bottom:1px solid #555; padding: 0px 0 0px 5px; background: #333 url(./img/mainmenugrey2.jpg) repeat-x top left; position:relative;} .checkout-summary-instructions-wrap{ padding:5px 0; font-weight:bold; margin:1px 20px;} .summary-details-wrap{width:840px; margin:0 auto;} .order-email-summary{} .summary-email-label{ color:#f69640; font-size:1.1em; font-weight:bold;} .summary-email{ font-size:1.1em; font-weight:bold;} .delivery-summary{width:240px; border: solid 1px #555; float:left; margin: 5px 5px;} .delivery-summary-title{display:block; color:#f69640; font-size:1.1em; font-weight:bold; padding-left:10px; background:#333 url(./img/mainmenugrey2.jpg) repeat-x scroll left top; border-bottom:1px solid #555;} .delivery-summary-name,.delivery-summary-address1,.delivery-summary-address2, .delivery-summary-address3,.delivery-summary-address4,.delivery-summary-address5, .delivery-summary-address6,.delivery-summary-country,.delivery-summary-postcode, .delivery-summary-phone{display:block;margin-left:10px;} .delivery-summary-phone{margin-bottom:2px;} .billing-summary{width:240px; border: solid 1px #555; float:left; margin: 5px 5px;} .billing-summary-title{display:block; color:#f69640; font-size:1.1em; font-weight:bold; padding-left:10px;background:#333 url(./img/mainmenugrey2.jpg) repeat-x scroll left top; border-bottom:1px solid #555;} .billing-summary-name,.billing-summary-address1,.billing-summary-address2, .billing-summary-address3,.billing-summary-address4,.billing-summary-address5, .billing-summary-address6,.billing-summary-country,.billing-summary-postcode, .billing-summary-phone{display:block; margin-left:10px;} .billing-summary-phone{margin-bottom:2px;} .payment-summary{width:300px; border: solid 1px #555; float:left; margin: 5px 5px;} .payment-summary-title{ display:block; color:#f69640; font-size:1.1em; font-weight:bold; padding-left:10px; background:#333 url(./img/mainmenugrey2.jpg) repeat-x scroll left top; border-bottom:1px solid #555;} .payment-summary-label{width:120px; display:block; float:left; margin-left: 10px; clear:left;} .payment-summary-cardname,.payment-summary-cardnumber,.payment-summary-cardtype, .payment-summary-startdate,.payment-summary-expirydate,.payment-summary-issuenumber, .payment-summary-securitynumber, .payment-summary-payerid, .payment-summary-payername, .payment-summary-payerstatus, .payment-summary-payercountrycode {display:block; margin-left: 5px;} .payment-summary-securitynumber{margin-bottom:2px;} .order-header-wrapper{} .order-label-wrapper{} .order-repeater{padding:5px; font-size:small; width:910px; margin: 0 auto;} .order-header{font-weight:bold;text-align:left;} .order-footer{border-bottom:1px solid #c2c2c2;} .order-repeater td, .order-repeater th{ border-bottom:solid 1px #c1c1c1;} .order-item{ background-color:#444444;} .order-item-alt{background-color:#555555;} .order-product, .order-stock, .order-quantity, .order-item-price, .order-line-price, .order-remove {padding:0; margin:0; min-height:30px;} .order-stock{display:none;} .order-product{width:500px;} .order-quantity{width:100px; text-align:right;} .order-item-price{width:150px; text-align:right;} .order-line-price{width:150px; text-align:right;} .order-header th{padding: 2px;} .order-item td{padding: 2px;} .order-item-alt td{padding: 2px;} .order-footer td{padding: 2px; vertical-align:top; font-weight:bold; border-bottom:0px;} .order-header .order-item-price{width:100px; text-align:right;} .order-header .order-line-price{width:100px; text-align:right;} .order-image{float:left; margin:0 5px 0 0;} .order-product-link{display:block;font-weight:bold;} .order-subtitle{} .order-product-code{} .order-price{} /* Menu CSS Design ---------------------------------------------*/ .tree-menu{margin:0px;} .tree-menu .AspNet-TreeView-Show { } .tree-menu .AspNet-TreeView-Hide { display:none; } .tree-menu .AspNet-TreeView { width:99%; margin:5px 0; padding:0;} /* Tree view link indents -----------------------------------*/ .tree-menu .AspNet-TreeView ul li a{display:block; padding:2px 0 2px 10px;} .tree-menu .AspNet-TreeView ul li ul li a{display:block; padding:2px 0 2px 20px;} .tree-menu .AspNet-TreeView ul li ul li ul li a{display:block; padding:2px 0 2px 30px;} .tree-menu .AspNet-TreeView ul li ul li ul li ul li a{display:block; padding:2px 0 2px 40px;} .tree-menu .AspNet-TreeView ul li ul li ul li ul li ul li a{display:block; padding:2px 0 2px 50px;} /*--------------------------------*/ .tree-menu .AspNet-TreeView li { border-top:solid 1px #dde3d0; padding-bottom:1px; list-style:none; display:block;} .tree-menu .AspNet-TreeView ul{padding:0; margin:0;} .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-Parent a:link, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-Parent a:link, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-Parent a:link {font-weight:normal; color:#333;} .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-Parent a:visited, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-Parent a:visited, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-Parent a:visited {font-weight:normal; color:#333;} .tree-menu .AspNet-TreeView-Leaf a:link, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-Leaf a:link, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-Leaf a:link, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-Leaf a:link, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-Leaf a:link {font-weight:normal;color:#333;} .tree-menu .AspNet-TreeView-Leaf a:visited, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-Leaf a:visited, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-Leaf a:visited, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-Leaf a:visited, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-Leaf a:visited {font-weight:normal;color:#333;} .tree-menu .AspNet-TreeView-Leaf a:hover, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-Leaf a:hover, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-Leaf a:hover, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-Leaf a:hover, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-Leaf a:hover {color:#333;} .tree-menu .AspNet-TreeView-Selected a:link, .tree-menu .AspNet-TreeView-Selected a:visited, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-Selected a:link, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-Selected a:visited, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-Selected a:link, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-Selected a:visited, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-Selected a:link, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-Selected a:visited, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-Selected a:link, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-Selected a:visited {font-weight:bold; color:#333;} .tree-menu .AspNet-TreeView-ParentSelected a:link, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ParentSelected a:link, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ParentSelected a:link, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ParentSelected a:link, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ParentSelected a:link {font-weight:normal; color:#333;} .tree-menu .AspNet-TreeView-ParentSelected a:visited, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ParentSelected a:visited, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ParentSelected a:visited, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ParentSelected a:visited, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ParentSelected a:visited {font-weight:normal; color:#333;} .tree-menu .AspNet-TreeView-ParentSelected a:hover, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ParentSelected a:hover, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ParentSelected a:hover, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ParentSelected a:hover, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ParentSelected a:hover { color:#333;} .tree-menu .AspNet-TreeView-ChildSelected a:link, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected a:link, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected a:link {font-weight:bold; color:#333;} .tree-menu .AspNet-TreeView-ChildSelected a:visited, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected a:visited, .tree-menu .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected a:visited {font-weight:bold; color:#333;} .tree-menu a:hover{color:#333; text-decoration:underline;} .tree-menu a:link{color:#333; text-decoration:none;} .tree-menu a:visited{color:#333; text-decoration:none;} .tree-menu .AspNet-TreeView ul li{} /* Curved Box =============================*/ .curvedBoxClass{} .curvedBoxClass table{width:100%;} .curvedBoxClass .b1, .curvedBoxClass .b2, .curvedBoxClass .b3, .curvedBoxClass .b4, .curvedBoxClass .b1b, .curvedBoxClass .b2b, .curvedBoxClass .b3b, .curvedBoxClass .b4b {display:block; overflow:hidden; font-size:1px;} .curvedBoxClass .b1, .curvedBoxClass .b2, .curvedBoxClass .b3, .curvedBoxClass .b1b, .curvedBoxClass .b2b, .curvedBoxClass .b3b {height:1px;} .curvedBoxClass .b2 {background:#ddecbe; border-left:1px solid #ABC86E; border-right:1px solid #ABC86E;} .curvedBoxClass .b3 {background:#ddecbe; border-left:1px solid #ABC86E; border-right:1px solid #ABC86E;} .curvedBoxClass .b4 {background:#ddecbe; border-left:1px solid #ABC86E; border-right:1px solid #ABC86E;} .curvedBoxClass .b4b { background:#ABC86E; border-left:1px solid #ABC86E; border-right:1px solid #ABC86E;} .curvedBoxClass .b3b { background:#ABC86E; border-left:1px solid #ABC86E; border-right:1px solid #ABC86E;} .curvedBoxClass .b2b { background:#ABC86E; border-left:1px solid #ABC86E; border-right:1px solid #ABC86E;} .curvedBoxClass .b1 {margin:5px 5px 0 5px; background:#ABC86E;} .curvedBoxClass .b2, .curvedBoxClass .b2b {margin:0 3px; border-width:0 2px;} .curvedBoxClass .b3, .curvedBoxClass .b3b {margin:0 2px;} .curvedBoxClass .b4, .curvedBoxClass .b4b {height:2px; margin:0 1px;} .curvedBoxClass .b1b { background:#ABC86E; margin:0 5px; margin-bottom:3px;} .curvedBoxClass .test1{background:#ABC86E; font-size:1px;display:block;overflow:hidden;height:1px;} .curvedBoxClass .test2{background:#ABC86E; font-size:1px;display:block;overflow:hidden;height:1px;} .curvedBoxClass .test3{background:#ABC86E; font-size:1px;display:block;overflow:hidden;height:1px;} .curvedBoxClass .test4{background:#ABC86E; font-size:1px;display:block;overflow:hidden;height:2px;} .curvedBoxClass .boxcontent {display:block; text-align:left; padding:0px 0px; margin-bottom:5px; border-left:1px solid #ABC86E; border-right:1px solid #ABC86E; border-bottom:1px solid #ABC86E; background:#dcecbd url(./img/wgcgreenmenufade.jpg) top left repeat-x;} .curvedBoxClass .boxtitle {background:#ABC86E; border-left: solid 1px #ABC86E; border-right: solid 1px #ABC86E; color:#444; font-weight:bold; text-align:center; background: #ABC86E url(./img/wgcmainnav.jpg) repeat-x top left; font-family: Trebuchet MS, Verdana, Arial Rounded, Arial; font-style:italic;} #left .curvedBoxClass .boxtitle { font-size: large; font-family: Palatino Linotype, Trebuchet MS, Verdana, Arial Rounded, Arial; font-style:italic;} .curvedBoxClass .boxtitle h1 { text-align:center; background: #ABC86E url(./img/wgcmainnav.jpg) repeat-x top left; border-bottom:none; font-style:normal; } /**************************************************** Main Menu Curved Wrappers *****************************************************/ .main-menu-row .curvedBoxClass .boxtitle { color: #fff; text-align: center; background: #343434 url(./img/mainnav-bg.png) repeat-x top left; padding: 0; font-style:normal; border:0; font-size: 1em; } .main-menu-row .curvedBoxClass { } .main-menu-row .curvedBoxClass table { width: 100%; } .main-menu-row .curvedBoxClass .b1, .main-menu-row .curvedBoxClass .b2, .main-menu-row .curvedBoxClass .b3, .main-menu-row .curvedBoxClass .b4, .main-menu-row .curvedBoxClass .b1b, .main-menu-row .curvedBoxClass .b2b, .main-menu-row .curvedBoxClass .b3b, .main-menu-row .curvedBoxClass .b4b { display: block; overflow: hidden; font-size: 1px; } .main-menu-row .curvedBoxClass .b1, .main-menu-row .curvedBoxClass .b2, .main-menu-row .curvedBoxClass .b3, .main-menu-row .curvedBoxClass .b1b, .main-menu-row .curvedBoxClass .b2b, .main-menu-row .curvedBoxClass .b3b { height: 1px; } .main-menu-row .curvedBoxClass .b2 { background: #454944; border-left: 1px solid #454944; border-right: 1px solid #454944; } .main-menu-row .curvedBoxClass .b3 { background: #3f423e; border-left: 1px solid #454944; border-right: 1px solid #454944; } .main-menu-row .curvedBoxClass .b4 { background: #3f423e; border-left: 1px solid #454944; border-right: 1px solid #454944; } .main-menu-row .curvedBoxClass .b4b { background: #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; } .main-menu-row .curvedBoxClass .b3b { background: #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; } .main-menu-row .curvedBoxClass .b2b { background: #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; } .main-menu-row .curvedBoxClass .b1 { margin: 0 5px; background: #000000; } .main-menu-row .curvedBoxClass .b2, .main-menu-row .curvedBoxClass .b2b { margin: 0 3px; border-width: 0 2px; } .main-menu-row .curvedBoxClass .b3, .main-menu-row .curvedBoxClass .b3b { margin: 0 2px; } .main-menu-row .curvedBoxClass .b4, .curvedBoxClass .b4b { height: 2px; margin: 0 1px; } .main-menu-row .curvedBoxClass .b1b { background: #000000; margin: 0 5px; margin-bottom: 3px; } .main-menu-row .curvedBoxClass .test1 { background: #9fd336; font-size: 1px; display: block; overflow: hidden; height: 1px; } .main-menu-row .curvedBoxClass .test2 { background: #9fd336; font-size: 1px; display: block; overflow: hidden; height: 1px; } .main-menu-row .curvedBoxClass .test3 { background: #9fd336; font-size: 1px; display: block; overflow: hidden; height: 1px; } .main-menu-row .curvedBoxClass .test4 { background: #9fd336; font-size: 1px; display: block; overflow: hidden; height: 2px; } .recommend-control{display:none;}