/* Reset */ html,body,h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,li,dl,dt,dd,form,fieldset,legend,table,tr,td,th { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: inherit; vertical-align: baseline; } ol, ul { list-style: none outside; } /* remove bullets by default, only desirable under the .body-text class */ table.nc { border-collapse: collapse; border-spacing: 0; } /* collapse space between table cells by default. 'nc' is a special class for tables written out by the template and not by the wysiwyg editor */ fieldset, img { border: 0; } q:before, q:after { content: ''; } /* bring good browsers in line with IE <= 6 (!?) */ button { width: auto; overflow: visible; } /* Layout ------------------------------------------------------------------------------------*/ #secondary-links a.addthis_button img { margin-bottom: 10px; margin-left: 16px; margin-top: 0px; height: 16px; width: 125px; } body { text-align: center; background-color: #F6F6F6; background-image: url("/static/Image/Background.gif"); background-position: center center; background-repeat: repeat-y; color: #000000; font: 100%/16px "Trebuchet MS", Tahoma, sans-serif; } #wrapper { /* this wraps everything inside the tag */ text-align: left; margin: 0 auto; overflow: hidden; cursor: default; position:relative; width:960px; } #header { background: #ffffff; } #header h1 { text-align: center; width: 960px; margin: 30px auto 0; } #header h1 img { display: block; } #header #top-search { width: 936px; background-color: #ffffff; text-align: center; margin: 0px auto; padding: 0 12px; position: relative; } #header #top-search .inner-box { background-color: #000066; height: 30px; width: 936px; margin: 0 auto 0; vertical-align:middle; } #category-nav { display:none;} /* layout */ #inner-wrapper { overflow: hidden; width: 960px; margin: 16px auto; margin-top: 10px; background: #ffffff; } #primary { /*float: left; width: 484px; margin: 0 0 0 198px;*/ float: left; margin: 0; padding: 0; width: 100%; } #primary .content { margin: 0 20%; min-height: 600px; overflow: visible; padding: 0; } body.home .body { margin-top: 1200px; } #secondary { /*float: right; width: 182px; cursor: default;*/ float: left; margin: 0 0 -16px -20%; width: 20%; } #tertiary { /*float: left; width: 178px; margin-left: -682px;*/ float: left; margin: 0 0 -16px -100%; width: 20%; } .tertiary, .secondary .box { background: #ffffff; /*border: 1px solid #003399;*/ margin-bottom: 16px; } #tertiary-links { } .tertiary .inner-content { margin: 0 12px; } .secondary .inner-box { margin: 0 0px 0 16px; } .tertiary li, .secondary li { border-left: 1px solid #003399;border-right: 1px solid #003399; margin:0;} #footer { clear: both; font-size: small; padding: 16px 0; margin: 16px auto; width: 936px; } /*Blog Page*/ body.blog #primary { float: left; width: 950px; margin: 0 0 0 0; } body.blog #secondary { display: none; } body.blog #tertiary { display: none; } body.blog h2 { display: none; } body.category .body { width: 484px; } #sub-categories { width: 484px; margin-top: 20px; } body.home h2 { border-bottom:none; color:#000000;font-weight:normal;line-height:12px; font-size: 12px; } /* Boxes - specific section styling ------------------------------------------------------------------------------------*/ #category-nav { position: absolute; top: 110px; left: 50%; margin: 0 0 0 -440px; width: 1000px; z-index: 2; } #category-nav ul { margin: 0; margin-top: 20px; padding: 0 0 1px; background: #ffffff; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; overflow: hidden; height: 40px; } #category-nav ul li { float: left; clear: none; padding: 0 0 0 8px; background: url(tab-left.png) no-repeat left top; margin: 0 0 -7px 0; display: block; list-style: none; } #category-nav ul li:hover { background: url(tab-left-hover.png) no-repeat left top; } #category-nav ul li:hover a { background: url(tab-right-hover.png) no-repeat right top; } #category-nav ul li a { padding: 3px 12px 8px 4px; margin: 0; color: #fff; display: block; background: url(tab-right.png) no-repeat right top; } #category-nav h3 {display:none;} /* SEARCH - Advanced Search Page ----------------------------------------------------------------------------------------------*/ #search {} #search fieldset ol { } #search fieldset ol li { } #search fieldset label { } #search fieldset input { } #search fieldset select { } #search legend { } #search-results { } #search-results ol li { } #search-results ol li h3 { } #search-results ol li h3 a { } #search-results ol li .body { } /* Product description */ #search-results ol li p.price-box { } /* Price */ #search-results ol li .options { } #refineSearch { } /* =table (tables that ARE NOT user submitted content via FCKin editor */ .nc { border: 0; border-width: 0; width: 99.8%; margin: 20px 0; font-size: small; clear: both; } .nc td, .nc th { font-size: small; padding: 6px 24px 6px 6px; margin: 0; vertical-align: middle; } .nc th { font-weight: bold; text-align: left; } .nc td { color: #003399; } .nc thead th { color: #fff; font-size: 1.1em; font-weight: bold; background: #003399; } .nc tfoot th, .nc tfoot td { border-top: 1px solid #003399; font-size: 1.1em; font-weight: bold; line-height: 1.62em; } .nc tfoot td { border-top-style: dotted; } .nc tbody td { padding: 3px; } .nc .tac { text-align: center; } .nc .tar { text-align: right; padding-right: 6px; } .nc .tal { text-align: left; } /* =basket =steps */ .steps { padding: 0.81em 0; text-align: center; } .steps * { display: inline; margin: 0 8px; background: none; border: 0; padding: 0; } .steps input, .steps span, .steps a:link, .steps a:visited, .steps a:hover, .steps a:active { color: #000000; text-decoration: none; border-bottom: 1px solid #000000; } .steps a, .steps span { padding: 1px 3px; } .steps input { cursor: pointer; } .steps input:hover, .steps a:hover { border-color: #999; } .steps .current { border: 1px solid #999; background: #eee; padding: 3px; } #instant-quote { position:absolute;} /* =basket */ #primary .basket fieldset { margin: 0; padding: 0; position: relative; } .basket .nc { margin: 1.62em 0; } .basket #pd { width: 50%; } .basket #rm { width: 12%; } .basket td.pd p { margin: 2px 0; } #primary .basket td.img { width: 54px; padding: 3px; } .basket input.submit { margin: 0; } #primary .basket fieldset.submit { padding: 16px 0; } .basket fieldset.submit a, .basket fieldset.submit input { margin: 0 8px; } .basket table img { border: 1px solid #aaa; margin: 0; padding: 2px; background: #fff; } .tac input { text-align: center; } .quantity { width: 2.8em; text-align: center; } #tt { color: #fff; } .tot { color: #000000; border-bottom: 1px solid #000; } /* =nav =back */ .back, fieldset.submit { clear: both; border-top: 1px solid #ccc; line-height: 1.62em; padding: 0.81em 0; font-size: small; text-align: center; margin-bottom: 1.82em; } /* =news */ #news { background: none; font-size: small; } #news * { background: none; } #news .inner-box { padding: 0; } #news li { padding: 0.81em 0; overflow: hidden; } #news h3 a { padding: 0 0 0.2em; font-weight: bold; font-variant: small-caps; border-bottom: 1px solid #ccc; display: block; } #news img { float: left; margin: .81em 12px 0.2em 0; } /* =links =top */ #top-links { position: absolute; top: 0; left: 50%; width: 885px; text-align: right; background: none; margin: 0 0 0 -440px; } #top-links li { display: inline; margin-left: 20px; font-size: small; } #top-links a { color: #000000; } /* leave room for background image */ /*#tab-links { margin: 10px auto 0 auto; width: 900px; } #tab-links ul { background: #ffffff; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; overflow: hidden; height: 28px; } /*#tab-links .inner-box { background: url(/static/tab-mid.png) no-repeat left top; clear: both; padding: 0; margin: 0; height: 44px; }*/ /*#tab-links ul li { float: left; clear: none; padding: 0 0 0 8px; background: url(/static/tab-left.png) no-repeat left top; margin: 0 0 -7px 0; display: block; list-style: none; } #tab-links ul li:hover { background: url(/static/tab-left-hover.png) no-repeat left top; } #tab-links ul li:hover a { background: url(/static/tab-right-hover3.png) no-repeat right top; } #tab-links ul li a { padding: 3px 12px 8px 4px; margin: 0; color: #fff; display: block; background: url(/static/tab-right3.png) no-repeat right top; }*/ #tab-links { margin: 10px auto 0 auto; width: 960px; padding: 0 12px; height: 23px;} #tab-links ul { background: #ffffff; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; overflow: hidden; height: 28px; } /*#tab-links .inner-box { background: url(/static/tab-mid.png) no-repeat left top; clear: both; padding: 0; margin: 0; height: 44px; }*/ #tab-links ul li { float: left; clear: none; padding: 0 0 0 8px; background: url("/static/Image/new-tab-left.png") no-repeat left top; margin: 0 1px -7px 0; display: block; list-style: none; } #tab-links ul li:hover { background: #666666 url("/static/Image/new-tab-left-hover.png") no-repeat left top; } #tab-links ul li:hover a { background: url("/static/Image/new-tab-right-hover.png") no-repeat right top; } #tab-links ul li a { padding: 1px 25px 0px 20px; margin: 0; color: #fff; display: block; background: #010066 url("/static/Image/new-tab-right.png") no-repeat right top; font-size:12px;height:21px;} /* =nav =breadcrumbs */ #primary #breadcrumbs { font-size: x-small; margin-top: 0; } /* =nav =subcats */ #sub-categories { overflow: hidden; font-size: small; } /* these may have an associated image */ #sub-categories li { display: block; float: left; width: 100px; text-align: center; padding: 0; margin: 0 25px 25px 0; background: #ffffff; border: 1px solid #003399; } #sub-categories li.one { clear: left; } #sub-categories li.four { margin-right: 0; } #sub-categories a { color: #000000; } #sub-categories a img { margin: 0 auto; display: block; } #sub-categories a span { padding: 3px; display: block; min-height: 2.4em; line-height: 1.1em; } #sub-categories a:hover {background:#ffffff;} #sub-categories a:active {background:#ffffff;} /* =nav =subpages */ #sub-pages { font-size: small; text-align: center; } #sub-pages ul { padding: 0; margin: 0; } #sub-pages li { display: inline; padding: 0; margin: 0 8px; line-height: 1.41em; } #sub-pages li li { display: none; } #sub-pages a { padding: 0.2em; white-space: nowrap; } /* =sidebar =nav */ .sidebar ul { list-style: none; margin: 0; } .sidebar li { margin: 0; font-size: small; clear: both; color: #343833; padding: 0.1em 0; } .sidebar a { padding: 0; display: block; } /* =links */ .links ul { list-style: none; margin: 0; padding: 0px 0; border-bottom: 1px solid #003399;} #tertiary-links ul {width: 156px; border-top: 1px solid #003399;} .links li { margin: 0 0 0px; padding: 0 0 5px; overflow: hidden; } .links img { display: block; float: left; } .links li.odd { background-color: #EEEEEE; } .links a.link { /* use the .link class if just image and text. HTML box has .body styling */ font-size: small; overflow: hidden; color: #fff; } .links .description { padding: 0px 0px 0; display: block; margin: 0 0 0 10px; color: #000000; } .links li.side-link-topten { border:none; padding:0;background: none;} .links li.side-link-topten span.description { display: none; } .links li.side-link-useful { border:none; padding:0;background: none;} .links li.side-link-useful span.description { display: none; } .links li.side-link-otherpopular { border-left:none; border-right:none; border-top: 1px solid #003399; padding:10px 0 0 0; background: none; } .links li.side-link-otherpopular span.description { display: none; } #secondary-links ul { width: 166px; } /* =links =bestsellers */ #primary .links { text-align: center; } #primary .links li { float: left; width: 30%; } /* 3 column list */ #primary .links li.a { clear: both; display: block; cursor: pointer; margin-right: 5%; } #primary .links li.c { float: right; margin-right: 0; } #primary .links img { width: 100%; } #primary .links .image { display: block; width: 100%; height: 14em; overflow: hidden; } #primary img.fl-r {display:none;} /* =nav =site-map */ #site-map { background: none; } #site-map * { background: none; } #site-map ul ul { list-style: disc outside; } #site-map li { margin-left: 14px; font-weight: bold; clear: both; color: #ccc; padding: 0.25em 0; } #site-map a { font-weight: bold; } #site-map li li { font-weight: normal; font-size: small; } #site-map li li a { padding: 0; font-weight: normal; width: 100%; line-height: 1.2em; } /* =gallery */ #user-gallery { width: 100%; } #user-gallery form { clear: both; } #user-gallery form label { display: block; padding: 0.2em 0; } #user-gallery form label span.desc { float: left; width: 10em; padding: 0.35em 0; line-height: 1.2em; } #user-gallery ul.galleries { overflow: hidden; list-style: none; margin: 0; padding: 16px 0; clear: both; } #user-gallery ul.galleries li { overflow: hidden; } #user-gallery ul.galleries .image { display: block; float: left; width: 30.8%; min-width: ; text-align: center; font-size: small; padding: 6px 0; margin: 0 1% 12px; border: 1px solid #ccc; } #user-gallery ul.galleries .image-link { display: block; height: 140px; max-width: 140px; width: 140px; margin: 0 auto 6px; } #user-gallery ul.galleries .image img { display: block; width: 95%; margin: auto; } #user-gallery .single-image { width: 100%; overflow: hidden; } #user-gallery .single-image img { width: auto; max-width: 100%; } #user-gallery .a { clear: left; } /* =meta */ #footer #meta { float: left; position: absolute; margin-top: 30px; margin-left: 290px; z-index: 20; text-align:center; } #meta p { margin: 0; padding: 0; line-height: 1.2em; } /* =links =bottom #footer #bottom-links { } #footer #bottom-links li { display:inline; list-style: none; margin-left: 0; padding-left: 0; padding-right: 25px; border-right:#000000;} #footer #bottom-links a { line-height: 1.2em;}*/ #footer #bottom-links { background:transparent url(/static/Image/footerbg3.png) no-repeat scroll center center; border:1px none #999999; height:250px; padding-bottom:10px; padding-top:30px; } #footer #bottom-links ul { width: 100%; display:inline-block; margin 0 auto;} #footer #bottom-links li { padding-left: 2px; display: inline-block; width:120px; height: 16px; float: left; } #footer #bottom-links a { padding: 3px 5px; margin:0; font-size:12px; color:#000000; white-space: nowrap; } #footer #bottom-links a:hover { } #footer #bottom-links a:active { } /* =nav =back-to-top */ #back-to-top { position: absolute; height: 12px; width: 32px; top: -14px; left: 50%; margin-left: -16px; font-size: x-small; text-align: center; z-index: 10; } #back-to-top a { display: block; background: url(/templates/blank/lib/back-to-top.png) no-repeat center; height: 12px; width: 32px; overflow: hidden; text-indent: -9999px; } /* =location - this class is applied to the containing

around any link that matches the current location */ .location a, .location .location a { font-weight: normal; } .location ul a { font-weight: normal; } /* =basket =mini */ .mini-basket { font-size: small; } .mini-basket li { list-style: none; margin-left: 0; color: #000; } .mini-basket .checkout-link { display: block; text-align: center; } .mini-basket li.total {display:none;} /* =sidebar =news */ #latest-news { font-size: small; } /* news box on home page, contains a list of the most recent 6 articles */ #latest-news h3 { background: url("/static/Image/Headers.jpg") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-size: 12px; height: 19px; padding-top: 4px; } #latest-news h4 { background: none; font-weight: bold; font-size: 12px; } #latest-news h4 a { line-height: 1.21em; font-weight: bold; margin-bottom: 0.4em; } #latest-news ol { margin: 0; padding: 0; } #latest-news li { margin: 0; padding: 0 0 0.6em; overflow: hidden; } #latest-news p { padding-left: 10px;color: #000; line-height: 1.4em; margin: 0.2em 0; color: #000; } #latest-news img { margin: 0 6px 0 0; } #latest-news .inner-box { width: 166px; border-bottom: 1px solid #003399; } /*Word Press RSS Feed */ #mini-enquiry-basket .rss_box { font-size: small; background-color: #E6E6E6; width:180px; margin-top: 30px; padding-top: 10px;} /* rss news box on home page */ #mini-enquiry-basket .rss_box ul { margin: 0; padding: 0; } #mini-enquiry-basket .rss_box li { margin: 0.81em 0 0.6em; padding: 0 5px 5px 5px; overflow: hidden; } #mini-enquiry-basket .rss_box li a { font-weight: bold; } #mini-enquiry-basket .rss_box p { color: #000; line-height: 1.4em; margin: 0.2em 0; color: #000; } #mini-enquiry-basket .rss-box { font-size: small; background-color: #E6E6E6; margin: 30px 0px 12px 16px; border-bottom: 1px solid #003399; width:166px;} /* rss news box on home page */ #mini-enquiry-basket .rss-box ul { margin: 0; padding: 0;} #mini-enquiry-basket .rss-box li { margin: 0; padding: 0 5px 5px 5px; overflow: hidden; font-size: 10px; } #mini-enquiry-basket .rss-box li a { font-weight: bold; font-size: 12px;} #mini-enquiry-basket .rss-box p { color: #000; line-height: 1.4em; margin: 0.2em 0; color: #000; font-size: 10px;} #mini-enquiry-basket p.info { border: 1px solid #003399; margin:0; border-top:none;} #mini-enquiry-basket .rss-box h3 { padding:4px 0 0 0; height: 19px; } #mini-enquiry-basket h3 { background:url("/static/Image/Headers.jpg") no-repeat; font-size: 12px; color:#fff; height: 19px; padding-top: 4px;} #mini-enquiry-basket .inner-box { width: 166px; } /* =form */ form { font-size: small; } .primary fieldset { border-top: 1px solid #808280; padding: 0.81em 0 2.44em; } .primary legend { font-weight: bold; font-size: normal; padding: 0.4em 0.4em 0.4em 0; color: #36f; } .primary form h3 { font-weight: bold; font-size: normal; padding: 0.4em 0.3em; } .primary fieldset p { margin-top: 0; } .primary fieldset ol { margin: 0 0 2em; border-top: 1px dotted #ccc; } .primary fieldset li { overflow: hidden; padding: 0.4em; position: relative; border-bottom: 1px dotted #ccc; } .primary form li label { float: left; width: 10em; padding: 0.2em 0 0; line-height: 1.2em; } .primary fieldset p { margin: 0.4em; } .primary form li em, .req { color: #c00; } .primary form li em { position: absolute; left: 10.2em; top: 1em; } .primary form li input, .primary form li select, .primary form li textarea { margin-left: 1em; vertical-align: bottom; } .primary form li textarea { width: 23em; line-height: 1.4em; padding: 0.2em 2px; } #wrapper .currency input { width: 6em; margin-right: 4px; vertical-align: middle; padding-top: 2px; } /* use #id overrides */ #wrapper .currency select { margin-left: 0; vertical-align: middle; } form .text input, form .Text input, form .number input, form .Number input, form .URL input, form .Postcode input, form .Email input, form .email input, form.email-address, form .readonly input, form .password input, form .select input { padding-top: 2px; padding-left: 2px; padding-right: 2px; line-height: normal; } form .readonly input { background: #fff; border: 1px solid #fff; color: #393a3d; } form li.checkbox input, form li.Checkbox input { margin: 0.35em 0 0.35em 1em; } /* capital letters because of the datamate form write out */ form li.nolabel select { margin-left: 0; width: 70%; } .amount input, input.qty { width: 2.4em; } li.checkbox input { vertical-align: middle; } option { padding: 0em 0.2em 0em 0.4em; } li.file fieldset { padding: 0 0 0.6em 0; margin: 0; border: 0; } li.file fieldset legend { padding: 0; margin-bottom: 0.6em; } li.file fieldset img { float: left; margin-right: 10px; border: 1px solid #ccc; } li.file fieldset label { width: auto; display: block; overflow: hidden; padding: 0em 0; } li.file fieldset span.desc { float: left; width: 9em; padding: 0; line-height: 1.2em; } .sidebar form .text input, .sidebar form .password input, .sidebar form .email input { padding-left: 0; padding-right: 0; } #wrapper .small { vertical-align: middle; } #wrapper .small, #wrapper .small fieldset { display: inline; padding: 0; margin: 0; border: 0; } fieldset.submit { text-align: center; } fieldset.submit input, fieldset.submit a { vertical-align: middle; } #technologo-image fieldset { border: 0; margin: 0; padding: 0 0 10px; } /* =product */ #product { background: #fff; color: #003399; } #product h1, #product h2 { background: #ffffff; margin-bottom: 10px; } #product .body { margin: 10px; } #product .image { float: left; margin: 10px; position: relative; width: 164px; height: 230px; } #product .image img { position: absolute; left: 0; top: 0; } #product .item-info { width: 290px; margin: 20px 10px; clear: none; } #product .discounts { width: 465px; margin: 20px 10px; clear: none; } #product .price-box { display: none; } #product table {background:#E1E1E1;} #product .small { display: block; clear: both; margin: 10px; text-align: right; } #product .small .nc { text-align: left; } #product .small .nc tbody td { padding: 3px 6px; } #product .small fieldset { display: block; padding: 0; margin: 0; } #product .basket .submit { clear: left; } .product-variations { text-align: left; } #product .basket { clear: both; background:#E9E9E9; } #product .basket h3 { margin: 0; padding-left: 10px; background-color:#003399; color:#FFFFFF; width: 448px; text-align:left;} #product .basket label { width: 100%; display: block; padding: 4px 0; clear: both; overflow: visible; text-align: left; } #product .basket span.desc { display: block; width: 8em; float: left; margin-top: 0.2em; } #product .basket label span.info-link { display: none; } #product .basket label span.info-link acronym { display: none; } #product .basket label span.info-link span { display: block; background: #ffc; border: 1px solid #ccc; padding: 6px; } #product .basket label input { width: 15em; text-align: left; } #product .basket label select { width: 15.4em; } #product .results { padding: 16px 0; clear: both; line-height: 1.2em; } #product .results .calculate, #product .results table { float: left; margin-right: 16px; } #product .results table th, #product .results table td { padding-right: 16px; } #product .results strong { color: #c00; } #upsell { border: 1px solid #ccc; border-width: 3px 0; clear: both; margin: 10px 0 16px; } #product .discounts tr.was-price-row td { text-decoration:line-through; } #product .discounts tr.price-row td { color: #CC0000; font-weight: bold; } /*Hide Quick Quote Options*/ #restrictions { display: none; } #additional-costs {display: none;} #product .small label[for="product-select"] { display: none; } #product .small label[htmlFor="product-select"] { display: none; } #product-select { display:none; } #product .basket label select { display:none; } tr.commodity-code { display: none; } /* =addresses */ #addresses .address-list { border-top: 1px dotted #ccc; } #addresses .address-list li { float: left; width: 100%; padding: 0.4em 0; border-bottom: 1px dotted #ccc; } #addresses .address-list .options { float: right; clear: right; width: 30%; padding: 4px; border-left: 1px solid #eee; margin: 0; height: 3.6em; } #addresses .address-list .options fieldset { border: 0; padding: 0 0 6px 4px; margin: 0 0 4px; border-bottom: 1px dotted #ccc; } #addresses .address-list .options label { padding: 0; display: inline; float: none; margin-right: 8px; } #addresses .address-list .options input { margin: 0; vertical-align: top; } #addresses .address-list .options a { margin: 0 8px 0 4px; } #addresses .address-list .adr { font-size: small; line-height: 1.21em; text-align: left; float: left; width: 60%; padding: 0.4em 16px 0.4em 16px; } /* =orders */ #my-orders fieldset { border: 0; text-align: center; } #my-orders label { margin: 0 2px; } #past-order-filter label { margin-right: 16px; } #past-order-filter .submit { vertical-align: middle; } /* =logos */ #logos { text-align: center;background: none; } #logos div { background: none; } /* =users */ #my-users form h3 { padding-left: 0; padding-right: 0; } #my-users form input.submit { padding: 0; width: auto; } /* =sidebar =form */ .sidebar fieldset ol { margin: 0.4em 0; padding: 0; } .sidebar fieldset li { margin: 0; padding: 0.2em 0; } .sidebar li.text input { width: 98%; margin-top: 4px; } .sidebar li label { color: #000; } .sidebar fieldset.submit { text-align: center; margin-bottom: 0.4em; } .sidebar input.submit { margin: 0 auto; } /* =sidebar =login */ .sidebar #login { display: none; } /* =msg */ .msg { border: 1px solid #ccc; background-color: ivory; padding: 0.4em 0.4em 0.4em 26px; margin: 0.4em 0; line-height: 1.2em; font-size: small; color: #343833; clear: both; } .primary p.msg { margin: 0.4em 0; } .msg h3 { margin: 0 0 0.2em 0; } .msg p { margin: 0.2em 0 0; } .info { background: ivory url(/templates/blank/lib/info.png) no-repeat 6px 0.44em; } .error { background: ivory url(/templates/blank/lib/error.png) no-repeat 6px 0.44em; } .success { background: ivory url(/templates/blank/lib/success.png) no-repeat 6px 0.44em; } .warning { background: ivory url(/templates/blank/lib/warning.png) no-repeat 6px 0.44em; } /* =top =search */ #top-search { } #top-search form fieldset { margin: 0; padding: 0; } #top-search form span.desc { font-size: 16px; color: #aaa; text-transform: uppercase; font-weight: bold; margin-right: 22px; } #top-search form .text span.desc { position: absolute; top: -9999px; left: -9999px; } #top-search form select { padding: 1px; vertical-align: baseline; } #top-search form input { vertical-align: baseline; } #top-search form input#keywords { position: absolute; top: 3px; left: 300px; } #top-search form input.submit { position: absolute; top: 3px; left: 470px;} #top-search form a { position: absolute; top: 4px; left: 570px; background: #eee; padding: 3px 18px; color: #000; vertical-align: baseline; } /* =product-list */ .product-list { width: 100%; } .product-list ol { list-style: none outside; clear: both; overflow: hidden; } .product-list ol li { position: relative; font-size: small; float: left; width: 163px; height: 224px; text-align: center; margin: 0 27px 15px 0; background:transparent url(/static/Image/bg.png) no-repeat scroll 0 0; overflow: hidden; } .product-list ol li a { position: absolute; top: 0; margin: 0; padding: 0; top: 0; left: 0; width: 120px; height: 120px; } .product-list ol h3 a { font-size: 12px; text-transform: none; font-weight: 600; min-height: 2.4em; height: 2.4em; width: 160px; line-height: 1.1em; padding: 3px; color: #000000; margin-top: 125px; } .product-list ol h3 a:hover {} .product-list ol h3 a:active {} .product-list ol .pid { display:none; } .product-list ol .body { font-size: 10px; position: absolute; top: 155px; left:0; margin:0; padding: 0 5px 0 5px; width: 155px;} .product-list ol .price-box {width: 163px; margin:0; z-index: 99999; position:absolute; bottom: 0px; font-size: 12px; height: 27px;} .product-list ol li img { position: absolute; margin-left: 15px; left: 4px; top: 4px; } .product-list ol .options { display: none; } .product-list ol .small { display: none; } .product-list ol .item-info { display: none; } .product-list p.stock {display:none;} .product-list ol em { font-size: 12px; margin-right: 5px; } .product-list ol span.was-price { text-decoration:line-through; color:#CC0000; } #featured span.was-price { text-decoration:line-through; color:#CC0000; } #a-z-list h3 { background: #eee; padding: 6px; } #a-z-list ul { width: 24.9%; float: left; } #a-z-list a { display: block; } /* featured items on front page */ #featured { width: 580px; position: absolute; top: 260px; } #featured ul { list-style: none outside; clear: both; overflow: hidden; } #featured ul li { position: relative; font-size: small; float: left; width: 163px; height: 224px; text-align: center; margin: 0 27px 15px 0; background:transparent url(/static/Image/bg.png) no-repeat scroll 0 0; overflow: hidden; } #featured ul li a { position: absolute; top: 0; margin: 0; padding: 0; top: 0; left: 0; width: 120px; height: 120px; } #featured ul h3 a { font-size: 12px; text-transform: none; font-weight: 600; min-height: 2.4em; height: 2.4em; width: 160px; line-height: 1.1em; padding: 3px; color: #000000; margin-top: 125px; } #featured ul h3 a:hover {} #featured ul h3 a:active {} #featured ul .pid { display: none; } #featured ul .body { font-size: 10px; position: absolute; top: 155px; left:0; margin:0; padding: 0 5px 0 5px; } #featured ul .price-box { width: 163px; margin:0; z-index: 99999; position:absolute; bottom: 1px; font-size: 12px;} #featured em { font-size: 12px; margin-right: 5px; } #featured ul li img { position: absolute; margin-left: 15px; left: 4px; top: 4px; } #featured ul .options { display: none; } #featured ul .small { display: none; } #featured ul .item-info { display: none; } #featured p.stock {display:none;} #featuredheader { margin-bottom: 5px; } /* Basic element styles (low level stuff) ---------------------------------------------------------------------------------------*/ h1 { font-size: 2em; } h2, #primary h1 { font-size: x-large; font-weight: normal; border-bottom: 3px solid #000000; color: #000000; line-height: 40px; } h3 { font-size: medium; font-weight: bold; margin: 0 0; color: #003399; } h4 { font-size: small; font-weight: bold; } /* may want some alternate styling in sidebars or on .tertiary, .secondary, #basket etc... */ .sidebar h3 { text-transform: uppercase; text-align: center; } div.date { margin-bottom: 0.2em; font-size: x-small; color: #aaa; font-style: italic; } .pid { font-weight: normal; color: #aaa; font-size: small; } /* product id span */ .price { color: #36f; font-weight: bold; } /* price display (not always a span) */ .sidebar .price { color: #36f; } .pagination { font-size: small; overflow: hidden; padding: 0.4em 0; vertical-align: bottom; } .pagination .per-page { float: left; line-height: normal; } .pagination .next { float: right; padding-left: 8px; } .pagination .prev { float: right; } dl { overflow: hidden; font-size: small; border-bottom: 1px dotted #ddd; margin: 1.62em 0; } dl dt { float: left; width: 10em; padding: 0.4em 0; border-top: 1px dotted #ddd; clear: left; line-height: 1.2em; } dl dd { margin-left: 10em; padding: 0.4em; border-top: 1px dotted #ddd; line-height: 1.2em; } .adr { font-size: small; line-height: 0.8em; } .logged-in-as { display: none; } a { text-decoration: none; } a:link { color: #000000; } a:visited { color: #000000; } a:hover { color: #000000; text-decoration: underline; } a:active { background: #ffffff; color: #ffffff; } p.line-shipping { color: #666; } caption { font-weight: bold; text-align: left; padding: 4px 4px 0; text-transform: uppercase; text-decoration: underline; } .add-costs-info { border: 1px solid #ccc; } .add-costs-info th { background: #eee; } /* .body encompasses the output from FCK Editor, try to avoid styling the colors etc as it's meant to be WYSIWYG and customers complain otherwise. They'll complain anyway coz they put tables in and it can break the layout but there's only so much you can do. Refer everyone to the documentation for guidelines on using FCK Editor to the best effect. */ .body { font-size: small; line-height: 1.41em; } /* container for FCK Editor output */ p, .body ol, .body ul, .primary ul, .body blockquote, .body dl, .body table { } .body ol { list-style: decimal outside; margin-left: 32px; } .body ul { list-style: disc outside; margin-left: 32px; } .body li { line-height: 1.62em; } li { vertical-align: middle; } /* aligns bullet points in IE */ .body img { padding: 1px; background: #fff; } img.fl-l { float: left; clear: left; margin: 0 16px 0.81em 0; } img.fl-r { float: right; clear: right; margin: 0 0 0.81em 16px; } img.news-image { float: right; clear: right; margin: 0.4em 0 0.81em 16px; } .body blockquote { margin: 0.81em 80px 0.81em 20px; border: 1px solid #ccc; border-width: 1px 0; background: #393a3d; padding: 0.81em 16px; } small { font-size: small; } big { font-size: normal; font-weight: bold; } strong { font-weight: bold; } em { font-style: italic; } /* js stuff */ #quick-order label, #order-forms label { float: none; display: inline; margin: 0 22px; } #quick-order label input, #order-forms label input { margin: 0; } .details { margin: 12px; } .details h4 { margin-bottom: 4px; } .details dl { margin-top: 0; margin-bottom: 0; } #order-forms ul { clear: both; border-bottom: 1px dotted #ccc; } #order-forms ul li { margin: 0 0 16px; border-top: 1px dotted #ccc; } #order-forms .copy label, #order-forms .copy input { margin: 0; } #order-forms .copy { margin: 8px 0 16px; } /* 2 column product view layout stuff starts here */ #qo-2col { clear: both; float: left; width: 100%; margin: 0 0 12px; } #qo-2col .product-list { clear: both; float: left; width: 100%; list-style: none; margin: 0 0; padding: 12px 0; } #qo-2col .product-list li { float: left; width: 48%; padding: 14px 0; margin: 0 0 -1px 0; border: dotted ; border-color: #cccccc; border-width: 1px 0; font-size: 0.8em; overflow: visible; } #qo-2col .product-list>li { } #qo-2col .product-list li.odd { clear: both; } #qo-2col .product-list li.even { margin-left: 16px; /*float: right; clear: right;*/ } #qo-2col .product-list h3 { margin: 0 0 12px; padding: 0; line-height: 1em; } #qo-2col .product-list h3 a { float: none; } #qo-2col .product-list a { float: left; font-weight: bold; } /* the link surrounding the image */ #qo-2col .product-list a img { padding: 0; margin: 0 10px 0 0; } #qo-2col .product-list .excerpt { margin: 0 0 10px 0; color: #000000; height: 4em; } #qo-2col .product-list>.excerpt { height: auto; min-height: 4em; } #qo-2col .product-list .excerpt * { margin: 0; line-height: 0.8em; } #qo-2col .product-list a.more-info { float: none; display: block; font-weight: bold; color: #000; text-decoration: none; text-align: center; margin: 8px 0 10px; } #qo-2col .product-list a.more-info:hover { color: #ffffff; text-decoration: none; } #qo-2col .product-list .item-info { text-align: center; overflow: hidden; margin-bottom: 6px; } #qo-2col .product-list .item-info * {display: inline; margin: 0; padding: 0; float: none; width: auto; border: 0;} #qo-2col .product-list .item-info dt { text-align: right; padding: 0 0 0 0px; } #qo-2col .product-list .item-info dd { text-align: left; padding: 0 12px 0 0; } #qo-2col .product-list .item-info .price { color: #ED1820;} /*price text color*/ #qo-2col .product-list .item-info .value { color: #ED1820; font-weight: bold; font-size: 110%; } #qo-2col .product-list .item-info .min-qty { color: #999; } /*min qty text color*/ #qo-2col .product-list .item-info .min-val { color: #999; } #qo-2col .product-list .item-info abbr { border-bottom: 0; text-decoration: none; } #qo-2col .product-list form { margin: 6px 0 0 6px; display: block; text-align: right; vertical-align: middle; float: right; } #qo-2col .product-list form * { vertical-align: middle; } #qo-2col .product-list form label { margin: 0 6px 0 0; } #qo-2col .product-list form>label { margin: 0; } #qo-2col .product-list form label abbr { } #qo-2col .product-list form label input { text-align: center; width: 3em; font-size: 0.8em; } #qo-2col .product-list form button { padding: 0 0 1px; margin: 0; line-height: 1em; } #qo-2col .product-list form button img { margin: 1px 1px 0; } #qo-2col .product-list form button { font-size: 0.8em; } /* l10n menu */ #wrapper .l10n { position: relative; z-index: 400; padding: 0; } #wrapper .l10n>a { border: 1px solid #fff; border-width: 1px 1px 0; padding: 1px 4px 1px; position: relative; z-index: 500; background: #fff; } #wrapper .l10n:hover>a { border-color: #aaa; text-decoration: underline; } #wrapper #header .l10n-opts-wrap { display: none; width: 160px; background: #fff; position: absolute; right: 0; top: 99%; z-index: 400; font-size: small; border: 1px solid #aaa; } #wrapper #header .l10n:hover .l10n-opts-wrap { display: block; overflow: hidden; } #wrapper #header .l10n:hover .l10n-opts-wrap ul { padding: 6px; } #wrapper #header .l10n .l10n-opts-wrap li { float: none; text-align: left; display: block; padding: 1px; margin: 0; } #wrapper #header .l10n .l10n-opts-wrap a { padding: 2px; display: block; margin: 0; } #wrapper #header .l10n .l10n-opts-wrap .current a { background: #ccc; color: #000; cursor: default; } #wrapper #header .l10n .l10n-opts-wrap a:hover { background: #eee; color: #000; } body.home h4 { background:url("/static/Image/frontheader.png") no-repeat; padding-left: 10px; color:#fff;} body.page.enquiry-basket p.success a { display:none; }