/* @import url("http://ukwct.org.uk/stylesheet.php?cssid=49&mediatype=screen"); /* /* ----- body & background ----- */ body{ background:#BECE81; color:#3A3A36; width: 100%; font: 70% Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align:center; line-height:150%; margin:0; padding:0;} /* ----- tables ----- */ table, td, input, textarea, select, li{ font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#3A3A36; }th{ background:#ddd; padding:5px;}td{padding:5px;} /* ----- global links ----- */ a:link{ color: #005000; text-decoration: none; text-align: left; font-weight: bold; } a:visited{ color: #005000; text-decoration: none; text-align: left; font-weight: bold; } a:active{ color: #008000; text-decoration: none; text-align: left; font-weight: bold; }a:hover{color:#008000;text-decoration: none; text-align: left; font-weight: bold;} /* ----- global paragraphs, headers & horizontal rules ----- */ p, h1, h2, h3, h4, h5, h6{margin:1em 0;}h1{font-size:140%;}h2{font-size:130%;}h3{font-size:120%;}h4, h5{font-size:100%;}hr{display:none;} /* ----- global images -----*/ img{border:none;} /* ----- hidden items -----*/ .hidden{display:none;}#skip{display:none;} /* ----- float left / right classes-----*/ .left{float:right;margin-right:.3em;}.right{float:right;margin-left:.3em;} /*----- company contact details ----- */ address{ font-style:normal; margin:1em 0;} /* ----- container size & positioning ----- */ #container{ margin:0 auto; margin-top:10px; width:900px; text-align:left; background:#fff; padding-top:10px; position:relative;} /* ----- header area ----- */ #header{ height:90px; position:relative; background: #fff url(/uploads/NCleanBlue/bg__full.png) repeat-x scroll left top; margin:0 10px;} /* ----- company logo & strapline ----- */ #logo{ position:absolute; margin:0; padding:0; top:0px; left:0px; width:880px; height: 111px; line-height:30px; font-size:0%; font-weight:normal; background: url(/headerpic.php) no-repeat left top;}#tagline{ position:absolute;font-size:0%; margin:0; padding:0; top:50px; left:30px; line-height:20px;} /* ----- shopping basket info -----*/ #info{ position:absolute; margin:0; padding:0; top:111px; left :0px; z-index:10;} /* ----- optional mid div (useful for more complex backgrounds) ----- */ #mid{} /* ----- breadcrumb trail ----- */ #breadcrumbs{ text-align: right; position:relative; top:10px; margin-right:10px;} /* ----- search box ----- */ #search{ margin:0; margin-bottom:1em; padding:5px 20px; background:#f2f2f2;}#search label{display:block;} /* ----- side navigation ----- */ #navDept, #navDept li{ margin:0; padding:0; list-style:none;}#navDept{margin-bottom:1em;}#navDept li{ margin-bottom:1px;}#navDept li a{ display:block; width:100%; background:#f2f2f2; color:#555;}#navDept li a:hover, #navDept li a.selected{background:#ddd;}#navDept li a span{ display:block; padding:3px 20px;} /* ----- subdepartment navigation ----- */ #navSubDept, #navSubDept li { margin:0; padding:0; list-style:none;}#navSubDept{ margin:1em 0; padding:3px 10px; background:#f1f1f1; border:1px solid #eee; color:#777;}#navSubDept li{ margin:.5em 0; line-height:150%; padding:0; padding-left:15px; list-style:none;}#navSubDept li a{color:#777;}#navSubDept li a:hover{color:#777;text-decoration:underline;} /* ----- customer tool list ----- */#navTools, #navTools li{ margin:0; padding:0; list-style:none;}#navTools{margin-bottom:1em;}#navTools li{ margin-bottom:1px;}#navTools li a{ display:block; width:100%; background:#f2f2f2; color:#555;}#navTools li a:hover{background:#ddd;}#navTools li a span{ display:block; padding:3px 20px;} /* ----- back to UKWCT site item ----- */#navTools2, #navTools2 li{ margin:0; padding:0; list-style:none;}#navTools2{margin-bottom:1em;}#navTools2 li a{ display:block; width:100%; background:#f2f2f2; color:#555;}#navTools2 li a:hover{background:#ddd;} /* ----- nav static menu items----- */ .navStatic, .navStatic li{ margin:0; padding:0; list-style:none;}.navStatic{margin-bottom:1em;}.navStatic li{ margin-bottom:1px;}.navStatic li a{ display:block; width:100%; background:#f2f2f2; color:#555;}.navStatic li a:hover{background:#ddd;}.navStatic li a span{ display:block; padding:3px 20px;}#navToolsTitle, #navDeptTitle, .navStaticTitle{ margin:0; padding:3px 20px; margin-bottom:1px; background:#ddd; font-size:100%;} #navToolsTitle2, #navToolsTitle2, .navToolsTitle2{ margin:0; padding:3px 20px; margin-bottom:1px; background:#ddd; font-size:100%;} /* ----- side navigation column ----- */ #side{ float:left; display:inline; width:26.5%; margin-left:10px;} /* ----- main content area ----- */ #main{ float:right; overflow:hidden; display:inline; width:70%; background: #F0F0F0; margin-right:10px;}#main h2{ font-weight:normal; padding:0; color:#005000; font-size:160%; clear:both;}#main h2#pageTitle{ font-weight:normal; padding:0; margin:0; margin-bottom:1em; color:#005000; font-size:180%;}.note{ font-size:110%;}.highlight{ font-size:140%;}.module1{ float:left; width:250px;}.module2{ float:right; width:250px;} /* ----- footer area ----- */ #footer{ color: #000; font-size: 0.8em; position: relative; width: inherit; overflow: hidden; text-align: center; min-height: 70px; height: auto!important; height: 70px; background: #BECE81 url(/uploads/NCleanBlue/paws.png) repeat-x left top; }#footer p{margin:0;}#footer ul, #footer li{ margin:0; padding:0; list-style:none;}#footer li{display:inline;margin-right:.5em;}#footer a:hover{ color:#FFF; text-decoration:underline;} #footer a { color: #005000; font-weight: bold; margin-bottom: 0.5em; text-decoration: none; } #footer a:active { color: #005000; font-weight: bold; margin-bottom: 0.5em; text-decoration: none; } #footer a:visited { color: #005000; font-weight: bold; margin-bottom: 0.5em; text-decoration: none; } #footer a:hover { color: #008000; font-weight: bold; margin-bottom: 0.5em; text-decoration: none; } #footer #credits{ float:right; color: #005000; font-weight: bold; margin-top:-1.5em;} /* ----- pagination (page 1/2 etc.) ----- */ #pagination{ margin:1em 0; }#pagination li{ margin:0; height:32px; line-height:32px; float:left;}#pagination a{ display:block; float:left; width:32px; height:32px; margin-left:10px; margin-top:3px; text-indent:-8000px; overflow:hidden;}#pagination a#firstPage{background:url(../graphics/plainfluid/ico_first.gif)no-repeat 0 0;}#pagination a#prevPage{background:url(../graphics/plainfluid/ico_prev.gif) no-repeat 0 0;}#pagination a#nextPage{background:url(../graphics/plainfluid/ico_next.gif) no-repeat 0 0;}#pagination a#lastPage{background:url(../graphics/plainfluid/ico_last.gif) no-repeat 0 0;} /* ----- product thumbnail list ----- */ .products{ margin:1em0;} .products ul, .products li{ margin:0; padding:0; list-style:none;} .products ul.multiple_columns li{ text-align: left; float: left; list-style: none; height: 215px; width: 285px; } .products li{ margin-bottom:1em; padding:.5em 10px 0 10px; background:#f1f1f1; border:1px solid #e1e1e1; color:#777;} .products li:hover{ background:#f5f5f5; border:1px solid #e5e5e5;} .products li h3{ margin-top:.5em; margin-bottom:1em; padding:0; background:none;}.products li h3 a{color:#005000;}.products li h3 a:hover{color:#008000;}.products .image{ float:left; margin:0; margin-right:10px; margin-bottom:10px;}.products .image a img{ border:1px solid #e2e2e2; padding:2px; background:#fff;}.products .image a:hover img{ border:1px solid #ccc; padding:2px; background:#e2e2e2;}.products .price{ clear:both; margin:1em 0; text-align:right; line-height:180%; color:#005000; font-size:110%; font-weight:bold;}.products .quantity{ clear:both; margin:1em 0; text-align:right; line-height:180%;} /* ----- individual products -----*/ #product{ margin:1em 0; }#product .image{ float:left; margin-bottom:1em;} #product .image p{margin:.5em 0;}#product .image img{ border:1px solid #e1e1e1;} #product .info{ float:right; width:270px;}#product .price{ color:#005000; font-size:120%;}#product .info p{ margin:0; margin-bottom:.2em;}#product .info h3{ margin:0; margin-bottom:.2em;}#product .actions{ border-top:1px solid #e1e1e1; clear:both;} #product #addBasket{ border-top:1px solid #e1e1e1; padding-top:1em;}#product #addWishlist a{} /* ----- featured articles ----- */ #articles{}#articles ul, #articles li { margin:0; padding:0; list-style:none;}#articles ul{ margin:1em 0; padding:3px 10px; background:#f1f1f1; border:1px solid #eee; color:#777;}#articles ul li{ margin:.5em 0; line-height:150%; padding:0; padding-left:15px; list-style:none; background:url(../graphics/plainfluid/arrow3.gif) no-repeat 0 .6em;}#articles ul li a{color:#777;}#articles ul li a:hover{color:#777;text-decoration:underline;} /* ----- customer reviews -----*/ #reviews{}#reviews ul, #reviews li { margin:0; padding:0; list-style:none;}#reviews ul{ margin:1em 0; padding:3px 10px; background:#f1f1f1; border:1px solid #eee; color:#777;}#reviews ul li{ margin:.5em 0; line-height:150%; padding:0; padding-left:15px; list-style:none;}#reviews ul li a{color:#777;}#reviews ul li a:hover{color:#777;text-decoration:underline;} /* ----- site map -----*/ #sitemap, #sitemap ul, #sitemap li{ margin:0; padding:0; list-style:none; } #sitemap{margin:1em 0;}#sitemap li{margin:.5em 0;}#sitemap li h3{margin:.2em 0;}#sitemap ul{padding-left:20px;} /* ----- tables and forms ----- */ fieldset{ border:none; padding:0; margin:1em 0;}legend{ font-weight:normal; padding:0; margin:0; color:#555; font-size:120%; clear:both;}fieldset h3, fieldset h3{margin:1em 0 0 0;}#content table{ width:100%; margin:.5em 0; border-collapse:collapse; line-height:150%;}th{ border:1px solid #fff; background:#ddd; padding:5px;}td{ background:#eee; border:1px solid #fff; padding:5px; vertical-align:top;}.formField, .formSelect{ background:#fff; border:1px solid #e1e1e1; width:200px;}.formFieldShort, .formFieldMedium{ background:#fff; border:1px solid #e1e1e1; width:20px; margin-right:5px;}.formFieldMedium{width:96px;}table .price{ color:#13689d; font-size:110%; font-weight:bold;}.formFieldProduct{width:150px;}table .price{ color:#13689d; font-size:110%; font-weight:bold;}.formRadio{vertical-align:middle;}.formButton{ background:#296fa4; color:#fff; border:none; padding-top:3px; padding-bottom:3px;}label span{ color:#13689d; font-size:110%; font-weight:bold;}input.formField:focus, formFieldShort:focus, formFieldMedium:focus, textarea:focus, #quantity:focus { background: #fff; border: 1px solid #bbb;} /* ----- shopping cart ----- */ #total{ margin:1em 0; padding:0; width:295px; font-size:110%;}#total dt{ width:200px; float:left; font-weight:bold;}#total dd{ margin-left:201px; text-align:right;}.actions{ clear:both; margin:0; padding:.5em 0;} /* ----- first table data style ----- */td.first{width:40%;} /* ----- float fix ----- */ .inner:after, .products:after, .products li:after, #pagination:after, #total:after, .modules:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}.inner, .products, .products li, #pagination, #total, .modules{display:block;}/* \*/.inner, .products, .products li, #pagination, #total, .modules {min-height:1%;}* html .inner, * html .products, * html .products li, * html #pagination, * html #total, * html .modules {height:1%;} /* *//* ----- end float fix ----- */