/**
* best viewed at brad's monitor
*/
/**#@+
* Universal Styles
*/
h1, h2, h3, h4, caption, li.lh, tr.subheading {
color: #555555;
font-weight: bold;
}
h1, h2, h3, caption, li.lh, tr.subheading {
border-bottom: 1px solid #555555;
text-indent: 0;
list-style: none;
}
h1 {
font-size: 1.4em;
margin-bottom: 15px;
}
h2 {
font-size: 1.2em;
margin-bottom: 10px;
}
h3, h4, caption, li.lh, tr.subheading {
font-size: 1.1em;
}
a {
color: #4444FF;
text-decoration: underline;
}
a:hover, a:visited {
color: #844484;
}
:focus {
/*todo*/
}
/**
* http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&productId=1&postId=5341
*/
sup, sub {
height: 0;
line-height: 1;
position: relative;
vertical-align: bottom;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
table {
border-top: thin dotted #747474;
border-collapse: collapse;
width: 100%;
}
table.with_caption {
border-top: none;	/* border comes from caption */
}
thead {
background-color: #fcfcfc;
}
thead th {
text-align: center;
text-decoration: underline;
vertical-align: bottom;
white-space: normal;
}
thead th a, thead th a:visited {
color: inherit;
}
thead th.group {
border-bottom: 1px solid #000;
text-decoration: none;
}
th {
font-weight: bold;
white-space: nowrap;
}
th, td {
padding: 0.2em;
}
tbody th, tbody td {
border: thin dotted #d8d8d8;
}
/* odd numbered rows */
tbody .odd {
}
/* even numbered rows */
tbody .even {
background-color: #fcfcfc;
}
tbody tr:hover {
background: #fafafa;
}
/* text data */
th.str, td.str {
text-align: left;
}
/* numeric data */
th.num, td.num {
text-align: center;
white-space: nowrap;
}
th.image, td.image {
text-align: left;
}
th.image .caption, td.image .caption {
display: block;
font-size: .7em;
}
th.image .caption:before, td.image .caption:before {
content: "*";
}
tbody td.empty {
background: url(/imgs//empty.gif) no-repeat center;
}
/**#@-*/
/**@#+
* Library Styles
*/
/**
* content header
*/
.inactive .header {
background-color: #faebd7;
}
/**
* unit of measure
*/
abbr.uom {
font-size: .9em;
font-weight: bold;
}
/**
* breadcrumb
*/
.breadcrumb li {
display: inline;
}
.breadcrumb li + li:before {
content: " > ";
}
.breadcrumb li.inactive {
background-color: #faebd7;
}
/**
* image container
*/
.image-c {
text-align: center;
}
.image-c .caption, .image-c .more {
display: block;
}
/**
* print icons
*/
.print {
float: right;
margin: 3px;
}
.print a {
text-decoration: none;
}
/**
* logos
*/
.logos li {
display: inline;
}
.logos a {
text-decoration: none;
}
/**
* bullets
*/
.bullets li {
list-style: disc inside;
text-indent: .5em;
}
.bullets li.lh {
list-style: none;
text-indent: 0;
}
/**
* copy
*/
.copy {
padding-top: 1.5em;
}
.copy .photo {
float: left;
margin: -1em 1em 1em 0;
}
.copy p {
font-size: 1.1em;
margin: 0 auto 5px auto;
text-indent: .5em;
}
/**
* next/previous pagers
*/
.pager a.prev {
background: url(/imgs//0099CC/arrow-l.gif) left no-repeat;
margin-left: 10px;
min-height: 8px;
padding-left: 11px;
}
.pager a.next {
background: url(/imgs//0099CC/arrow-r.gif) right no-repeat;
margin-left: 10px;
min-height: 8px;
padding-right: 11px;
}
.pager {
float: right;
}
#content .pager {
clear: both;
}
/**
* swatch image
*/
img.swatch {
border: 1px solid #000000;
}
/**
* footnote
*/
a.footnote {
color: inherit;
font-size: .9em;
font-weight: bold;
}
#footnotes {
clear: both;
font-size: .8em;
list-style: decimal;
padding: 1em 0 0 3em;
text-align: left;
}
/**
* section styles
*/
.section .section {
clear: both;
border-top: 1px solid #000000;
margin-top: 35px;
}
/**
* product charts
*/
.product_chart {
clear: both;
}
.product_chart thead .listprice, .product_chart tbody .listprice {
text-align: right;
}
.product_chart tbody .listprice {
font-weight: bold;
}
/* new product */
.product_chart tbody tr.new > th + td:before {
color: #cc0000;
content: "NEW! ";
font-weight: bold;
}
/**
* popup content
*/
.popupcontent {
background-color: white;
border: 2px solid black;
display: none;
padding: 3px;
position: absolute;
width: 300px;
}
/**
* edit links
*/
a.edit:before {
content: '[';
}
a.edit:after {
content: ']';
}
/**#@-*/
/**#@+
* Template Layouts
* todo - copy background tile
*/
body { 
background: #e2e2e2 url(/imgs/5024x433.gif);
font:75%/150% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
#wrapper {
background-color: #ffffff;
margin: 0 auto;
width: 960px;
}
#header {
height: 100px;
}
#breadcrumb {
height: 1.6em;
padding: 1px 160px 1px 5px;
}
#nav {
float: left;
padding: 5px 5px;
width: 160px;
}
#content {
float: left;
/* hack for ie6 */
padding: 10px 10px 10px !important;
padding: 10px 5px 10px;
width: 620px;
}
#content.wo_nav {
width: 790px;
}
#aside {
float: right;
padding: 5px 10px;
width: 130px;
}
/* http://www.webtoolkit.info/css-clearfix.html */
#wrapper:after, #header:after, #breadcrumb:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
#wrapper, #header, #breadcrumb {
display: inline-block;
}
html[xmlns] #wrapper, html[xmlns] #header, html[xmlns] #breadcrumb {
display: block;
}
* html {
height: 1%;
}
/**#@-*/
/**#@+
* General Page Style
*/
/**
* header
*/
#header {
position: relative;
background: url(/images/600x100/12593.jpg) no-repeat;
}
#header .logo {
display: none;
}
#header .search_box {
font-size: .8em;
}
#header .search_box {
bottom: 5px;
right: 10px;
position: absolute;
}
#header .search_box label {
display: none;
}
#header .vcard, #header .vcard a {
color: #555555;
font-weight: bold;
}
/**
* breadcrumb
*/
#breadcrumb {
border: 1px solid #0099CC;
border-left-color: #ffffff;
border-right-color: #ffffff;
}
#breadcrumb .breadcrumb li, #breadcrumb .breadcrumb li a
{
font-weight: bold;
text-decoration: none;
text-transform: lowercase;
}
#breadcrumb .breadcrumb li.first, #breadcrumb .breadcrumb li.first a
{
color: #0099CC;
}
#breadcrumb .breadcrumb li.second, #breadcrumb .breadcrumb li.second a {
color: #000000;
}
#breadcrumb .breadcrumb {
float: left;
}
/**
* navigation
*/
#nav .nav li {
background-image: url(/imgs/0099CC/navblock.gif);
background-position: left center;
background-repeat: no-repeat;
list-style-image: none;
margin: 2px;
padding-left: 39px;
/* min-height hack for ie6 */
min-height: 35px;
height: auto !important;
height: 35px;
}
#nav .nav li.inactive {
background-color: #faebd7;
}
#nav .nav li a {
color: #555555;
display: table-cell;
font-weight: bold;
height: 35px;
vertical-align: middle;
text-decoration: none;
}
#nav .nav li.fvpeconomyline {
background-image: url(/imgs/E73E97/navblock.gif);
}
#nav .nav li.cleaning {
background-image: url(/imgs/00A260/navblock.gif);
}
#nav .nav li.construction {
background-image: url(/imgs/333192/navblock.gif);
}
#nav .nav li.machinebrushes {
background-image: url(/imgs/FDB812/navblock.gif);
}
#nav .nav li.institutional {
background-image: url(/imgs/9ACD65/navblock.gif);
}
#nav .nav li.foodprocessing {
background-image: url(/imgs/EE3A42/navblock.gif);
}
#nav .nav li.foodservice {
background-image: url(/imgs/0078AE/navblock.gif);
}
#nav .nav li.poolspa {
background-image: url(/imgs/7DD3F7/navblock.gif);
}
#nav .nav li.horsecare {
background-image: url(/imgs/076224/navblock.gif);
}
#nav .nav li.handles {
background-image: url(/imgs/F36F21/navblock.gif);
}
/**
* side bar
*/
#aside {
text-align: center;
}
/**
* side bar - related literature
*/
#aside .literature {
margin-top: 20px;
}
#aside .files li {
border-top: solid 1px;
clear: both;
margin-bottom: 10px;
}
#aside .files li.first {
border-top: none;
}
#aside .files h4 {
font-size: 1em;
}
#aside .files dt, #aside .files .filename, #aside .files .language {
display: none;
}
#aside .files dd {
display: inline;
font-size: .9em;
}
#aside .files .type:before {
content: " - ";
}
/**#@-*/
/**#@+
* Individual Page Styles
*/
/**
* catalog page
*/
.catalog {
text-align: center;
}
/**
* catalog page - catalog list
*/
.catalogs li {
display: inline;
padding: 7px;
}
.catalogs li a {
text-decoration: none;
}
/**
* catalog section
*/
.catalog_section .views {
clear: both;
}
.catalog_section .views li {
display: inline;
}
/**
* catalog heading list
*/
.catalog_headings {
clear: both;
}
.catalog_headings li {
border: 1px dotted #cccccc;
display: block;
float: left;
list-style: none;
margin: 3px;
padding: 2px;
text-align: center;
width: 190px;
/* min-height hack for ie6 */
min-height: 195px;
height: auto !important;
height: 195px;
}
.catalog_headings li.inactive {
background-color: #faebd7;
}
.catalog_headings li span {
display: block;
}
/**
* catalog heading & subheadings
*/
.catalog_heading .logos, .catalog_subheading .logos {
margin: 3px 24px;
}
.catalog_subheading h2 {
border: none;
}
.catalog_heading .photo, .catalog_subheading .photo {
background: url(/imgs/shadow_298x298.jpg) no-repeat bottom right;
padding: 1px 7px 7px 1px;
}
.catalog_heading .product_chart, .catalog_subheading .product_chart {
margin-bottom: 10px;
}
.catalog_heading .product_chart + .product_chart caption,
.catalog_subheading .product_chart + .product_chart caption {
margin-top: 20px;
}
/**
* item page
*/
.item .image-c, .item .details, .item .features,
.item .colors, .item .techspecs {
margin: 0 5px 1em;
width: 300px;
}
/**
* todo, i doubt this
*/
.item .image-c, .item .colors {
clear: left;
float: left;
}
.item .details, .item .features {
clear: right;
float: right;
}
.item .techspecs {
float: right;
}
/**
* item page - image
*/
.item .image-c .photo {
background: url(/imgs/shadow_298x298.jpg) no-repeat bottom right;
padding: 1px 7px 7px 1px;
}
.item .image-c .caption:before {
content: "(";
}
.item .image-c .caption:after {
content: ")";
}
.item .image-c .thumbnails {
clear: both;
margin: 0 1px;
}
.item .image-c .thumbnails li {
float: left;
margin: 0 1px;
}
.item .image-c .thumbnails li img {
background: url(/imgs/shadow_72x72.jpg) no-repeat bottom right;
padding: 1px 7px 7px 1px;
}
/**
* item page - details
*/
.item .details h3 {
clear: both;
}
.item .details dl {
float: left;
font-size: 1.2em;
width: 50%;
}
.item .details dl.third {
clear: both;
float: none;
width: 100%;
}
.item .details dt {
color: #555555;
font-weight: bold;
margin-top: .3em;
}
.item .details dd {
font-weight: bold;
margin-left: 1em;
}
.item .details .special {
color: #ff0000;
margin-bottom: .5em;
}
.item .details .logos {
float: left;
margin: 5px 1%;
width: 64%;
}
.item .details .brand {
float: right;
margin: 5px 1%;
width: 31%;
}
.item .details .brand dt {
display: none;
}
.item .details .brand dd {
float: right;
}
/**
* item page - colors
*/
.item .colors th, .item .colors td.image, .item .colors td {
height: 22px;
padding: 0px;
vertical-align: bottom;
}
/**
* item page - product chart
*/
.item .product_chart {
border-top: 1px solid #555555;
}
/**
* search page
*/
.search h1 {
font-size: 1.1em;
}
.search .tips {
margin: -15px 0 10px;	/* h1 margin-bottom */
background-color: #fafafa;
}
.search .nrows {
float: right;
}
.search .pager {
float: left;
padding-left: 33%;
}
.search .pager li {
float: left;
padding-left: .3em;
}
/**
* search page - result
*/
.search .result {
border-bottom: 1px solid #0099CC;
clear: both;
padding-bottom: .5em;
}
/* http://www.webtoolkit.info/css-clearfix.html */
.search .result:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
.search .result {
display: inline-block;
page-break-inside: avoid;
}
html[xmlns] .search .result {
display: block;
}
.search .result h3 {
border: none;
}
.search .result .image-c {
float: left;
margin: 2px 0 0;
width: 90px;
}
.search .result .image-c .caption {
font-size: .8em;
}
.search .result .image-c .caption:before {
content: "*";
}
.search .result .image-c .caption:after {
content: "";
}
.search .result .detail {
float: left;
width: 530px;
}
.search .result .breadcrumb, .search .result .description-c {
clear: both;
display: block;
}
.search .result .breadcrumb a {
color: #000000;
font-weight: bold;
}
.search .result .color {
font-weight: bold;
}
.search .result dl {
clear: both;
}
.search .result dt {
float: left;
font-weight: bold;
}
.search .result dt:after {
content: ":";
font-style: normal;
padding-right: 0.2em;
}
.search .result .lh {
float: left;
font-weight: bold;
padding-right: .2em;
text-transform: uppercase;
}
.search .result .lh:after {
content: none;
}
.search .result dd {
float: left;
padding-right: .5em;
}
/**
* excess inventory - fsp_query
*/
.fsp_query table {
clear: both;
}
/**
* pager
*/
.fsp_query .pager {
clear: both;
display: inline;
float: left;
margin: 0;
padding: 0;
}
.fsp_query .pager li {
display: inline;
}
.fsp_query .pager {	/* inactive */
border: 0;
color: #dadada;
font-size: .7em;
}
.fsp_query .pager a {	/* active */
color: #000000;
text-decoration: underline;
}
.fsp_query .pager li.first:after,
.fsp_query .pager li.prev:after,
.fsp_query .pager li.next:before,
.fsp_query .pager li.last:before {
content: " | ";
}
.fsp_query .pager li.first, .fsp_query .pager li.prev,
.fsp_query .pager li.next, .fsp_query .pager li.last {
padding: 0 .2em;
}
.fsp_query td, .fsp_query th {
vertical-align: top;
}
/**
* excess inventory - closeout
*/
.closeout .item {
border-top: 1px solid black;
float: left;
line-height: 1em;
padding: 3px 1px 3px 1px;
width: 204px;
_width: 200px;	/* todo ie6 fix this */
/* min-height hack for ie6 */
min-height: 140px;
height: auto !important;
height: 140px;
}
.closeout li.first {
clear: left;
}
.closeout li.second, .closeout li.third {
border-left: 1px solid black;
}
.closeout .item h3 {
border: none;
color: #000000;
font-size: .8em;
margin-top: .3em;
text-align: center;
}
.closeout .item .image-c {
float: left;
margin: 0;
width: 75px;
}
.closeout .item .details {
float: right;
text-align: center;
margin: 0;
padding-top: .5em;
width: 129px;
}
.closeout .item .details li {
clear: both;
text-align: center;
padding: 0;
margin: 0;
}
.closeout .item .details dl {
width: 100%;
padding: 0;
margin: 0;
}
.closeout .item .details dt, .closeout .item .details dd {
color: #000000;
display: inline;
font-size: .7em;
font-weight: normal;
}
.closeout .item .details dt:after {
content: ":";
}
.closeout .item .details dd {
margin-left: 0;	/* todo - stray space/newline doing the job */
}
/* todo - darken listprice */
.closeout .item .itemnumber {
clear: both;
float: left;
padding-left: 5px;
width: 100%;
}
.closeout .item .itemnumber dt, .closeout .item .itemnumber dd {
display: inline;
font-size: .7em;
margin: 0;
}
.closeout .item .saleprice {
float: right;
color: #ff0000;
padding-right: 5px;
text-align: right;
width: 100%;
}
.closeout .item .saleprice dt {
display: inline;
}
.closeout .item .saleprice dd {
display: inline;
font-size: 1em;
font-weight: bold;
}
/**
* edit styles
*/
#edit .errors {
background-color: #f6ccda;
display: block;
padding: 2px;
font-size: 2em;
font-weight: bold;
width: 100%;
}
#edit_form {
float: left;
width: 550px;
}
#edit_form textarea {
height: 500px;
width: 100%;
}
#edit .submit_with_errors {
clear: left;
display: block;
}
#edit_images {
float: right;
width: 60px;
}
#edit_images li {
/*  background-color: #fcfcfc;  */
background-color: #ececec;
border: thin dotted #d8d8d8;
margin-top: 5px;
padding: 3px 1px 1px;
text-align: center;
}