/* ----- body & background ----- */body{ background:#FE9A2E; color:#555; font: 90% Arial, Helvetica, sans-serif; text-align:center; line-height:150%; margin:0; padding:0;} /* ----- tables ----- */table, td, input, textarea, select, li{ font: 100% Arial, Helvetica, sans-serif; color:#000; }th{ background:#ddd; padding:5px;}td{padding:5px;}/* ----- global links ----- */a:link, a:visited, a:active{ color:#275f81; text-decoration:none;}a:hover{color:#555;} /* ----- 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:98%; text-align:left; background:#F5D0A9; padding-top:10px; position:relative;} /* ----- header area ----- */#header{ height:90px; position:relative; background:#df7401; margin:0 10px;} /* ----- company logo & strapline ----- */ #logo{ position:absolute; margin:0; padding:0; top:20px; left:30px; line-height:30px; font-size:180%; font-weight:normal; } #img { position:absolute; margin:0; padding:0; top:20px; left:40%; line-height:30px; font-size:180%; width="279"; height="33"; font-weight:normal; background:url(../graphics/brown/logo.gif) no-repeat 0 0; } #tagline{ position:absolute; margin:0; padding:0; top:50px; left:30px; line-height:20px;} /* ----- shopping basket info ----- */ #info{ position:absolute; margin:0; padding:0; top:10px; right:30px; z-index:10;}/* ----- optional mid div (useful for more complex backgrounds) ----- */ #mid{} /* ----- breadcrumb trail ----- */ #breadcrumbs{ margin-left:10px; background:#F7BE81; color:#DF7401; width:98%; } /* ----- search box ----- */ #search{ margin:0; margin-bottom:1em; padding:5px 20px; background:#F7BE81;} #search label{display:block;} /* ----- side navigation ----- */ #navDept, #navDept li{ margin:0; padding:0; list-style:none; font-size:120%; font-weight:bold; background:#F7BE81; } #navDept{margin-bottom:1em;} #navDept li{ margin-bottom:1px; font-size:120%; font-weight: bold; background:#F7BE81; } #navDept li a{ display:block; width:120%; background:#DF7401; color:#DF7401; font-weight:bold; color:#F7BE81; } #leftmenu li a:hover, #leftmenu li a.selected{background:#FE9A2E;font-size:120%;font-weight: bold;} #navDept li a:hover{background:#F7BE81;} #navDept li a.selected{ background:#F7BE81; font-size:120%; font-weight: bold; } #navDept li a span{ display:block; padding:3px 20px;} /* ----- subdepartment navigation ----- */ #navSubDept, #navSubDept li { margin:0; padding:0; list-style:none; font-size:120%; font-weight: bold; background:#F7BE81; } #navSubDept{ margin:1em 0; padding:3px 10px; background:#F7BE81; border:1px solid #eee; color:#F7BE81; font-size:120%; font-weight: bold; } #navSubDept li{ margin:.5em 0; line-height:150%; padding:0; padding-left:15px; list-style:none; color:#F7BE81; } #navSubDept li a{color:#F7BE81;font-size:120%;font-weight: bold;} #navSubDept li a:hover{color:#F7BE81;text-decoration:underline;} #navSubDept li a.selected{color:#777;text-decoration:underline;font-size:120%;font-weight: bold;} /* ----- 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:#FE9A2E; color:#555; } #navTools li a:hover{background:#F7BE81; } #navTools li a span{ display:block; padding:3px 20px;}/* ----- 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%;}/* ----- side navigation column ----- */#side{ float:left; display:inline; width:26.5%; margin-left:10px;}/* ----- main content area ----- */ #main{ float:right; display:inline; width:70%; margin-right:10px;}#main h2{ font-weight:normal; padding:0; color:#275f81; font-size:160%; clear:both;} #main h2 #pageTitle{ font-weight:normal; padding:0; margin:0; margin-bottom:1em; color:#275f81; font-size:180%;}.note{ font-size:110%;}.highlight{ font-size:140%;}.module1{ float:left; width:250px;}.module2{ float:right; width:250px;}/* ----- footer area ----- */#footer{ background:#ccc; padding:10px;}#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:#777; text-decoration:underline;} #footer #credits{ float:right; margin-top:-1.5em;}/* ----- pagination (page 1/2 etc.) ----- */ #pagination{ margin:1em 0; }#pagination li{ margin:0; height:16px; line-height:16px; float:left;}#pagination a{ display:block; float:left; width:9px; height:9px; 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:1em 0;}.products ul, .products li{ margin:0; padding:0; list-style:none;} .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:#555;}.products li h3 a:hover{color:#275f81;}.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:#13689d; 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:#13689d; 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 ----- */