body, html { background-color: #fff; margin: 0; padding: 0; height: 100%; }
body { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 75%; }

h1 { font-size: 2em; padding: 5px 0; margin: 0; text-transform: lowercase; }
h2 { font-size: 1.5em; padding: 5px 0; margin: 0; text-transform: lowercase; }
h3 { font-size: 1.2em; padding: 5px 0; margin: 0; text-transform: lowercase; }

input, select, th, td { font-size: 1em; }

a { color: #000; }
a:hover { color: #393; }

.clear { clear: both; line-height: 1px; height: 1px; font-size: 1px; }

#outer { width: 820px; margin: auto; }
#header { background-image: url('./images/header.gif'); background-repeat: no-repeat; height: 90px; padding: 1px 0 0 0; }
#home-link { text-decoration: none; display: block; float: left; width: 276px; height: 53px; margin: 18px 0 0 24px; }

#header-right { float: right; }
#header-right .header-menu { padding: 12px 10px 0 0; height: 26px; float: right; }
#header-right .header-search { clear: right; text-align: right; float: right; font-weight: bold; padding: 8px 21px 8px 8px; background-color: #98b11d; width: 280px; }
#header-right .header-search .textbox { background-color: #fff; border: solid 1px #000; width: 180px; }
#header-right .header-search .button { background-color: #808080; color: #fff; border: solid 1px #808080; }

#breadcrumbs { background-color: #ccc; line-height: 28px; padding-left: 60px; text-transform: lowercase; }
#breadcrumbs a { color: #666; text-decoration: none; text-transform: lowercase; }
#breadcrumbs a:hover { text-decoration: underline; }
#breadcrumbs .seperator { font-size: 90%; }

#featured-products { margin: 5px 0; border: solid 1px #e5e5e5; background-image: url('./images/featured-products-bg.gif'); background-repeat: no-repeat; height: 98px; }
#featured-products .inner-fade { position: absolute; left: 119px; width: 679px; }
#featured-products .inner-fade a.image { display: block; float: left; }
#featured-products .inner-fade a.image img { border: none; }
#featured-products .inner-fade .product-details { margin-left: 290px; }
#featured-products .inner-fade .product-details div { width: 250px; }
#featured-products .inner-fade a.view-details { display: block; position: absolute; font-weight: bold; right: 10px; bottom: 5px; font-size: 75%; text-decoration: none; }

#featured-products .prev-link { float: left; width: 20px; height: 98px; margin-left: 99px; background-image: url('./images/featured-products-buttons.gif'); background-repeat: no-repeat; text-decoration: none; }
#featured-products .prev-link:hover { background-position: 0px -98px; }
#featured-products .next-link { float: right; width: 20px; height: 98px; background-image: url('./images/featured-products-buttons.gif'); background-repeat: no-repeat; background-position: -20px 0px; text-decoration: none; }
#featured-products .next-link:hover { background-position: -20px -98px; }

#footer { background-image: url('./images/footer.gif'); background-repeat: no-repeat; height: 63px; }
#footer .footer-menu { padding: 18px 0 0 9px; }
#footer .copyright { float: right; padding-right: 12px; }

ul.menu { padding: 0; margin: 0; list-style: none; display: block; }
ul.menu li { float: left; list-style: none; display: block; padding: 0 7px; border-right: solid 1px #000; }
ul.menu li.last { border: none; }
ul.menu li a { color: #000; text-decoration: none; text-transform: lowercase; font-weight: bold; }
ul.menu li a:hover { text-decoration: underline; }

/* default messages */
.message, .validation { padding: 10px; margin-bottom: 10px; }
.message-normal { border: solid 1px #666; background-color: #ccc; color: #333; }
.message-success { border: solid 1px #b2db37; background-color: #ebf5ce; color: #7ca600; }
.message-error, .validation { border: solid 1px #d66640; background-color: #fad1c3; color: #803d26; }

.message ul, .validation ul { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }

.cmscontent .message { margin: 20px; }
/* end default message */

#admin-link { display: block; position: absolute; top: 2px; left: 10px; padding: 4px 10px; color: #000; background-color: #fff; border: solid 1px #666; text-decoration: none; }
#admin-link:hover { text-decoration: underline; background-color: #b2d022; }


/* Big Button for Order and Checkout pages */
input.big-button { font-size: 1.6em; font-weight: bold; padding: 2px 9px; cursor: pointer; line-height: 1.6em; color: #fff; text-transform: lowercase; background-color: #b3d022; border: solid 1px #d9e790; margin: 10px; }
/* End Big Button for Order and Checkout pages */


table.grid { border-top: solid 8px #666; width: 100%; border-collapse: collapse; margin-bottom: 50px; }
table.grid tr th { background-color: #b3d022; line-height: 32px; text-transform: lowercase; text-align: center; }
table.grid tr td { line-height: 32px; text-align: center; border-bottom: solid 1px #b3d022; }
table.grid tr.alt td { background-color: #e2edac; }

.content-header { width: 342px; height: 63px; float: right; }
.content-header h1 { padding: 0 0 3px 0; color: #666; text-transform: lowercase; font-size: 32px; line-height: 32px; border-bottom: solid 5px #000; }


/*table.grid { border: solid 1px #000; border-collapse: collapse; background-color: #fff; }
table.grid tr th, table.grid tr.grid-header td { font-weight: bold; line-height: 18px; background-color: #8ebbd7; border-bottom: solid 2px #000; padding: 2px 5px; text-align: center; }
table.grid tr td { padding: 2px 8px; line-height: 16px; vertical-align: top; border-left: solid 1px #ccc; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; }
table.grid tr td.center { text-align: center; }
table.grid tr.alt td { background-color: #bce0db; }*/

/* Generic Table Form */
table.form { border-collapse: collapse; }
table.form tr th { font-weight: bold; text-align: left; padding-right: 1em; vertical-align: top; line-height: 1.4em; text-transform: lowercase; }
table.form tr th .star { color: #f00; }
table.form tr td { vertical-align: top; line-height: 1.4em; }
table.form tr.footer td { text-align: right; }

table.form tr td .textbox-small { width: 100px; }
table.form tr td .textbox-medium { width: 250px; }
table.form tr td .textbox-large { width: 400px; }
/* End Generic Table Form */


#bottom-categories { padding: 0 0 5px 0; height: 71px; }
#bottom-categories a { text-decoration: none; float: left; }
#bottom-categories a span { visibility: hidden; }
#bottom-categories a.accessories { background-image: url('./images/accessories.gif'); display: block; background-repeat: no-repeat; width: 532px; height: 71px; }
#bottom-categories a.index { background-image: url('./images/index.gif'); display: block; background-repeat: no-repeat; width: 282px; height: 71px; margin-left: 6px; }

#bottom-categories span.accessories { float: left; background-image: url('./images/accessories-dim.gif'); display: block; background-repeat: no-repeat; width: 532px; height: 71px; }
#bottom-categories span.accessories span { visibility: hidden; }


/* Home Page */
#page-home #info { border-top: solid 5px #000; border-bottom: solid 5px #000; margin-bottom: 5px; padding-bottom: 5px; }

#page-home #square-categories { border: solid 1px #000; margin-bottom: 5px; }
#page-home #square-categories .row { height: 183px; border-bottom: solid 5px #000; }
#page-home #square-categories .last-row { border-bottom: none; }
#page-home #square-categories a.square-item { float: left; background-repeat: no-repeat; text-decoration: none; width: 272px; height: 183px; }
#page-home #square-categories a.square-item:hover { background-position: -272px 0; }
#page-home #square-categories a.square-item span { visibility: hidden; }
#page-home #square-categories a.first, #page-home #square-categories a.second { border-right: solid 1px #000; }

#page-home #square-categories a.engine-pumps { background-image: url('./images/categories/engine-pumps.jpg'); }
#page-home #square-categories a.electric-pumps { background-image: url('./images/categories/electric-pumps.jpg'); }
#page-home #square-categories a.submersible-pumps { background-image: url('./images/categories/submersible-pumps.jpg'); }
#page-home #square-categories a.spray-equipment { background-image: url('./images/categories/spray-equipment.jpg'); }
#page-home #square-categories a.waterblasters { background-image: url('./images/categories/waterblasters.jpg'); }
#page-home #square-categories a.fuel-and-oil { background-image: url('./images/categories/fuel-and-oil.jpg'); }
#page-home #square-categories a.fox-hose { background-image: url('./images/categories/fox-hose.jpg'); }
#page-home #square-categories a.generators { background-image: url('./images/categories/generators.jpg'); }
#page-home #square-categories a.engines { background-image: url('./images/categories/engines.jpg'); }

#page-home #bottom-categories { padding-top: 5px; border-top: solid 5px #000; }
/* End Home Page */


/* Accessories Page */
#accessories-categories { border: solid 1px #000; margin-bottom: 5px; }
#accessories-categories .row { height: 183px; border-bottom: solid 5px #000; }
#accessories-categories .last-row { border-bottom: none; }
#accessories-categories a.square-item { float: left; background-repeat: no-repeat; text-decoration: none; width: 272px; height: 183px; }
#accessories-categories a.square-item:hover { background-position: -272px 0; }
#accessories-categories a.square-item span { visibility: hidden; }
#accessories-categories a.first, #accessories-categories a.second { border-right: solid 1px #000; }

#accessories-categories a.engine-pumps { background-image: url('./images/categories/engine-pumps.jpg'); }
#accessories-categories a.electric-pumps { background-image: url('./images/categories/electric-pumps.jpg'); }
#accessories-categories a.submersible-pumps { background-image: url('./images/categories/submersible-pumps.jpg'); }
#accessories-categories a.spray-equipment { background-image: url('./images/categories/spray-equipment.jpg'); }
#accessories-categories a.waterblasters { background-image: url('./images/categories/waterblasters.jpg'); }
#accessories-categories a.fuel-and-oil { background-image: url('./images/categories/fuel-and-oil.jpg'); }
#accessories-categories a.fox-hose { background-image: url('./images/categories/fox-hose.jpg'); }
#accessories-categories a.generators { background-image: url('./images/categories/generators.jpg'); }
#accessories-categories a.engines { background-image: url('./images/categories/engines.jpg'); }
/* End Accessories Page */


/* Catalog Page */
#page-catalog .category-header { margin: 0 0 0 480px; height: 350px; }
#page-catalog .category-header .parent-header { color: #666; font-size: 13px; line-height: 14px; font-weight: bold; text-transform: lowercase; }
#page-catalog .category-header h1 { font-size: 32px; line-height: 32px; border-bottom: solid 5px #000; padding: 0 0 8px 0; margin: 0; text-transform: lowercase; }
#page-catalog .category-header .description { padding-top: 24px; }

#page-catalog .category-image { float: left; padding: 50px 0 0 30px; }

#page-catalog .featured-products { border-top: solid 5px #ccc; }

#page-catalog .sub-categories { padding: 5px 0 0 60px; border-top: solid 5px #ccc; }
#page-catalog .sub-categories .item-list .item { float: left; width: 120px; margin: 30px 20px 10px 0; }
#page-catalog .sub-categories .item-list .item img { border: none; display: block; }
#page-catalog .sub-categories .item-list .item a.name { display: block; background-image: url('./images/category-info-top.gif'); background-repeat: no-repeat; background-color: #b3d022; height: 64px; padding: 17px 8px 0 8px; font-weight: bold; text-align: center; overflow: hidden; text-decoration: none; color: #000; margin-top: 8px; }
#page-catalog .sub-categories .item-list .item a.name:hover { text-decoration: underline; }
#page-catalog .sub-categories .clear { height: 50px; }

#page-catalog .no-categories { padding-bottom: 20px; }

/* Level 1 */
#page-catalog .level1 .category-header { padding-top: 70px; height: 310px; }
/* End Level 1 */

/* Level 2 */
#page-catalog .level2 .category-header { padding-top: 56px; height: 324px; }
/* End Level 2 */

/* Level 3 */
#page-catalog .category-image { width: 380px; }
#page-catalog .category-image img { display: block; float: left; }
#page-catalog .category-image .large { margin: 0 20px 0 0; width: 168px; height: 112px; }
#page-catalog .category-image .small { width: 69px; height: 53px; margin: 0 10px 10px 0; }

#page-catalog .level3 .category-header { padding-top: 56px; height: 185px; }
#page-catalog .level3 .category-header .top-level-header { color: #666; font-size: 13px; line-height: 14px; font-weight: bold; text-transform: lowercase; }
#page-catalog .level3 .category-header .parent-header { font-size: 32px; line-height: 32px; border-bottom: solid 5px #000; padding: 0 0 8px 0; margin: 0; text-transform: lowercase; }
#page-catalog .level3 .category-header h1 { font-size: 30px; line-height: 30px; border-bottom: none; padding: 10px 0 0 0; margin: 0; }
#page-catalog .level3 .category-header .description { display: none; }

#page-catalog .level3 .description { padding-left: 10px; margin-left: 180px; }
#page-catalog .level3 .highlightdescription { padding: 10px; background-color: #ff0; }

#page-catalog table.products-grid { border-top: solid 8px #666; width: 100%; border-collapse: collapse; margin-bottom: 70px; }
#page-catalog table.products-grid tr th { background-color: #b3d022; line-height: 16px; text-transform: lowercase; text-align: center; padding: 8px 4px; }
#page-catalog table.products-grid tr td { line-height: 22px; text-align: center; vertical-align: top; padding: 5px 7px; border-bottom: solid 1px #b3d022; }
#page-catalog table.products-grid tr.alt td { background-color: #e2edac; }
#page-catalog table.products-grid tr.highlighted td.code { font-weight: bold; }
#page-catalog table.products-grid tr td .button { background-color: #888; color: #fff; border: solid 1px #bbb; font-weight: bold; text-transform: lowercase; }

#page-catalog .hover-image { }
#page-catalog .hover-image img.thumb { border: solid 1px #b3d022; }
#page-catalog .hover-image-over { width: 198px; position: absolute; left: -10px; top: 30px; z-index: 1000; }
#page-catalog .hover-image-over .top { height: 16px; line-height: 1px; font-size: 1px; background-image: url('./images/image-hover-top.gif'); background-repeat: no-repeat; }
#page-catalog .hover-image-over .image { border: solid 1px #b3d022; border-top: none; background-color: #fff; padding: 6px; }
/* End Level 3 */

/* End Catalog Page */


/* Accessories */
#page-accessories .level3 .category-header { padding-top: 56px; height: 185px; }
#page-accessories .level3 .category-header .top-level-header { color: #666; font-size: 13px; line-height: 14px; font-weight: bold; text-transform: lowercase; }
#page-accessories .level3 .category-header .parent-header { font-size: 32px; line-height: 32px; border-bottom: solid 5px #000; padding: 0 0 8px 0; margin: 0; text-transform: lowercase; }
#page-accessories .level3 .category-header h1 { font-size: 30px; line-height: 30px; border-bottom: none; padding: 10px 0 0 0; margin: 0; }
#page-accessories .level3 .category-header .description { display: none; }

#page-accessories table.products-grid { border-top: solid 8px #666; width: 100%; border-collapse: collapse; margin-bottom: 150px; }
#page-accessories table.products-grid tr th { background-color: #b3d022; line-height: 16px; text-transform: lowercase; text-align: center; padding: 8px 0; }
#page-accessories table.products-grid tr td { line-height: 32px; text-align: center; border-bottom: solid 1px #b3d022; }
#page-accessories table.products-grid tr.alt td { background-color: #e2edac; }
#page-accessories table.products-grid tr.highlighted td.code { font-weight: bold; }
#page-accessories table.products-grid tr td .button { background-color: #888; color: #fff; border: solid 1px #bbb; font-weight: bold; text-transform: lowercase; }

#page-accessories .hover-image { }
#page-accessories .hover-image img.thumb { border: solid 1px #b3d022; }
#page-accessories .hover-image-over { width: 198px; position: absolute; left: -10px; top: 30px; z-index: 1000; }
#page-accessories .hover-image-over .top { height: 16px; line-height: 1px; font-size: 1px; background-image: url('./images/image-hover-top.gif'); background-repeat: no-repeat; }
#page-accessories .hover-image-over .image { border: solid 1px #b3d022; border-top: none; background-color: #fff; padding: 6px; }

#page-accessories .no-categories { padding-bottom: 20px; }
/* End Accessories */


/* Order Page */
#page-order { margin-top: 40px; padding-bottom: 50px; }
#page-order .content-header { padding-top: 23px; height: 83px; }

#page-order .message { width: 400px; }

#page-order table.cart-grid { border-top: solid 8px #666; width: 100%; border-collapse: collapse; margin-bottom: 50px; }
#page-order table.cart-grid tr th { background-color: #b3d022; line-height: 16px; text-transform: lowercase; text-align: center; padding: 8px 0; }
#page-order table.cart-grid tr td { line-height: 32px; text-align: center; border-bottom: solid 1px #b3d022; }
#page-order table.cart-grid tr.alt td { background-color: #e2edac; }
#page-order table.cart-grid input.quantity { width: 30px; text-align: center; border: solid 1px #000; }

#page-order .lower-zone .title { display: block; color: #666; font-size: 1.5em; padding: 0 12px 0 0; text-transform: lowercase; text-align: right; }
#page-order .total { float: left; width: 325px; }
#page-order .total .title { display: block; border-bottom: solid 5px #000; }
#page-order .total .value { display: block; font-size: 3em; color: #666; text-align: right; padding: 10px 16px 0 0; }
#page-order .confirm { float: right; width: 460px; }
#page-order .confirm .title { display: block; border-bottom: solid 8px #666; }
#page-order .confirm .value { display: block; text-align: right; }
/* End Order Page */


/* Checkout Page */
#page-checkout { margin-top: 20px; padding-bottom: 50px; }
#page-checkout .content-header { padding-top: 23px; height: 83px; }

#page-checkout .star { color: #f00; }

#page-checkout .validation, #page-checkout .message { width: 400px; }
#page-checkout .required-field-message { margin: 10px 0; width: 300px; }

#page-checkout table.form { margin-bottom: 20px; }

#page-checkout .lower-zone .title { display: block; color: #666; font-size: 1.5em; padding: 0 12px 0 0; text-transform: lowercase; text-align: right; }
#page-checkout .total { float: left; width: 325px; }
#page-checkout .total .title { display: block; border-bottom: solid 5px #000; }
#page-checkout .total .value { display: block; font-size: 3em; color: #666; text-align: right; padding: 10px 16px 0 0; }
#page-checkout .confirm { float: right; width: 460px; }
#page-checkout .confirm .title { display: block; border-bottom: solid 8px #666; }
#page-checkout .confirm .value { display: block; text-align: right; }
/* End Checkout Page */


/* Index Page */
/*#page-index ul li a { color: #000; line-height: 1.5em; }
#page-index ul li a:hover { font-weight: bold; }*/
/* End Index Page */


/* Search */
#page-search h2 { color: #666; }
#page-search .no-results { font-size: 1.2em; color: #666; padding: 10px 10px 50px 10px; }
#page-search .num-results { text-align: right; font-size: 1.2em; color: #666; }
/* End Search */

/* Contact Us Page */
#page-contact-us { padding-bottom: 50px; }
#page-contact-us .message { margin-top: 10px; }
/* End Contact Us Page */

/* Links Page */
#page-links { padding-bottom: 50px; }
#page-links .reciprocal-links .item { margin: 0 10px; padding: 20px 0; border-bottom: solid 1px #666; }
#page-links .link-request-form { padding: 20px 10px 10px 10px; }
#page-links .link-request-form .note { padding-bottom: 10px; }
/* End Links Page */

/* Error Page */
#page-error { padding-top: 10px; }
/* End Error Page */