/* ********** CSS RESETS ********** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
margin: 0; padding: 0; border: 0; outline: 0;font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
textarea {overflow: hidden !important; overflow-y: hidden !important; overflow-x: hidden !important;}
/* ********** END of the CSS RESETS ********** */
body {margin:0 0 50px 0; padding:0; font:.9em Arial, Helvetica, Verdana, sans-serif; background-color: #f8f6f1; color:#000;}
/* Header */
#header {width: 999px; height: 86px; background: url(graphics/header-bg.jpg) no-repeat; margin: 0 auto;}
#header .company-logo {width: 344px; height: 86px; float: left;}
#header-links {width: 650px; height: 84px; float: right;}
#topcustomerlinks {height: 38px; text-align: right;}
#topcustomerlinks ul {margin-top: 10px; margin-right: 10px; float: right;}
#topcustomerlinks li {display: inline; background: url(graphics/header-list-pipe.png) no-repeat; font-size: 11.5px; padding: 0 8px 0 12px;}
#topcustomerlinks li.first {background-image: none;}
#topcustomerlinks a:link {text-decoration: none; color: #53514c;}
#topcustomerlinks a:visited {text-decoration: none; color: #53514c;}
#topcustomerlinks a:hover {text-decoration: underline; color: #725b22;}
#topcustomerlinks a:active {text-decoration: none; color: #53514c;}
#header-checkout {float: right;}
#topcustomerlinks .cart {float: right;}
#topcustomerlinks .total {text-decoration: underline; float: right; font-weight: bold; padding: 7px 9px 8px 9px; background: url(graphics/cart-total-bg.png) repeat-x top left;}
#topcustomerlinks .checkout {float: right;}
#topcustomerlinks .current-total {text-decoration: none; color: #900000 !important;}
/* Content */
#content-wrap {width: 965px; padding: 10px 17px 18px 17px; background: transparent url(graphics/content-shadow-bg.png) repeat-y top center; margin: 0 auto;}
#content {width: 719px; float: left;}
/* Right Column & Category Tree */
#right-col {width: 230px; float: right;}
#right-col img {margin-bottom: 14px;}
#cattree-heading {width: 230px; height: 38px; background: url(graphics/cattree-heading-bg.png) no-repeat;}
#cattree {border-left: 1px solid #cccbc6; border-right: 1px solid #cccbc6; background: url(graphics/cattree-bg.png) repeat-x top left; padding-bottom: 8px;}
#cattree-cap {width: 230px; height: 6px; background: url(graphics/cattree-cap-bg.png) no-repeat; margin-bottom: 16px;}
#cattree h5 {font-weight: bold; color: #606a1b; background: url(graphics/cattree-active-list-arrow.png) no-repeat 1px 1px; padding-left: 15px;}
#cattree li {font-size: 12px; border-bottom: 1px solid #cccbc6; padding: 8px 4px 8px 8px; margin: 0 8px;}
#cattree li ul {padding-left: 0; padding-top: 8px;}
#cattree li ul li {padding: 4px 0 4px 2px; border-bottom: none;}
#cattree a:link {text-decoration: none; color: #000;}
#cattree a:visited {text-decoration: none; color: #000;}
#cattree a:hover {text-decoration: underline; color: #a9c600;}
#cattree a:active {text-decoration: none; color: #000;}
/* Product Page Template */
#product-pg-table {border: 1px solid #c5c5c5;}
.product-pg-image-cell {width: 305px; border-right: 1px solid #c5c5c5; overflow: hidden; padding: 5px}
.product-pg-image-cell img {max-width: 300px; max-height: 300px;}
.product-pg-data-cell {padding-left: 12px;}
.product-pg-data-cell h1 {margin: 0 !important; padding: 14px 0 0 0 !important; font-size: 18px !important;}
.product-pg-data-cell .code {margin: 0; padding: 0; font-size: 12px;}
.product-pg-data-cell .price {margin: 20px 0 0 0 !important; padding: 0; font-weight: bold; font-size: 18px;}
#prodaddtocart-table .quantity {font-weight: bold; font-size: 15px; width: 77px;}
#prodaddtocart-table .quantity-input {text-align: center; width: 28px; vertical-align: top; border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#rc-related-prods-display {margin-bottom: 12px;}
#rc-related-prods-display .prod-image {width: 76px; height: 90px; border: 1px solid #b6b6b6;}
#rc-related-prods-display .prod-image img {max-width: 76px; max-height: 76px; margin: 0 !important;}
#rc-related-prods-display .prod-name {font-size: 13px; margin: 0 !important; padding: 0 !important; color: #0d0d0d; line-height: 18px;}
#rc-related-prods-display .prod-name a:link {text-decoration: none; color: #0d0d0d;}
#rc-related-prods-display .prod-name a:visited {text-decoration: none; color: #0d0d0d;}
#rc-related-prods-display .prod-name a:hover {text-decoration: underline; color: #a9c600;}
#rc-related-prods-display .prod-name a:active {text-decoration: none; color: #0d0d0d;}
#rc-related-prods-display .prod-price {font-size: 12px; margin: 0 !important; padding: 0 !important; color: #67760e;}
/* Category Page Template */
#main-cat-template {width: 140px;}
#main-cat-template p {width: 140px; line-height: 18px; margin: 0; padding: 0; font-size: 12px;}
#main-cat-template .prod-image-cell {width: 140px; height: 140px; border: 1px solid #b6b6b6;}
#main-cat-template .prod-image-cell img {max-width: 130px; max-height: 130px;}
#main-cat-template .prod-name-cell {width: 140px; height: 125px; padding-top: 10px;}
#main-cat-template .prod-name-cell a:link {text-decoration: none; color: #020202;}
#main-cat-template .prod-name-cell a:visited {text-decoration: none; color: #020202;}
#main-cat-template .prod-name-cell a:hover {text-decoration: underline; color: #a9c600;}
#main-cat-template .prod-name-cell a:active {text-decoration: none; color: #020202;}
#maintable {width: 140px;}
/* Newsletter Sign Up */
#rc-newsletter {width: 230px; height: 167px; background: url(graphics/rc-newsletter-bg.png) no-repeat; position: relative;}
.rc-newsletter-signup {position: absolute; top: 131px; left: 9px;}
.rc-newsletter-signup input {width: 130px; padding: 3px 4px 4px 4px; background-image: #fff; border: 1px solid #000;}
.rc-newsletter-signup .submit {width: 69px; height: 25px; border: none; padding: 0; margin: 0;}
/* Footer */
#footer {color: #fff; width: 965px; padding: 10px 17px 5px 17px; margin: 0 auto; background: transparent url(graphics/footer-bg.png) repeat-y top center;}
#footer-links {font-size: 12px; float: left; width: 669px; color: #fff;}
#footer-links ul {float: left; width: 200px;}
#footer-links li {padding-top: 2px;}
#footer-links .list-heading {padding-top: 0 !important; font-size: 13.5px; font-weight: bold;}
#footer-links a:link {text-decoration: none; color: #fff;}
#footer-links a:visited {text-decoration: none; color: #fff;}
#footer-links a:hover {text-decoration: underline; color: #a9c600;}
#footer-links a:active {text-decoration: none; color: #fff;}
#footer-trustmarks {float: right; width: 296px; height: 108px; background: url(graphics/icons-payment-types.png) no-repeat;}
#footer-cap {width: 999px; height: 8px; margin: 0 auto; background: transparent url(graphics/footer-cap-bg.png) no-repeat;}
#footer-copyright {width: 999px; padding: 8px 12px 0 0; margin: 0 auto; text-align: right; font-size: 11.5px; color: #969289;}
#footer-copyright a:link {text-decoration: none; color: #969289;}
#footer-copyright a:visited {text-decoration: none; color: #969289;}
#footer-copyright a:hover {text-decoration: underline; color: #67760e;}
#footer-copyright a:active {text-decoration: none; color: #969289;}
/* General Classes & Typography */
p {line-height: 1.6em; margin-bottom: 12px;}
h1 {font: normal 1.4em Arial, Verdana, sans-serif; color: #281a0f; padding: 0; margin: 8px 0 10px 0;}
h2 {font: normal 1.3em Arial, Verdana, sans-serif; color: #281a0f; padding: 0; margin: 0 0 10px 0;}
h3 {font: bold 1.2em Arial, Verdana, sans-serif; color: #281a0f; padding: 0; margin: 0 0 10px 0;}
hr {border: none; background-color: #d0d8e0; height: 1px; width: 100%; margin: 5px 0 18px 0;}
a:link {text-decoration: none; color: #546105;}
a:visited {text-decoration: none; color: #546105;}
a:hover {text-decoration: underline; color: #a9c600;}
a:active {text-decoration: none; color: #546105;}
.clearfix {clear: both;}
.cust-button {text-align: right; margin: 20px 0;}
.special-info-message {padding: 7px 7px 7px 32px; background: #fdfcea url(graphics/icon-special-info.png) no-repeat 8px 11px; border: 1px solid #eae9d4;}
.special-warning-message {color: #ff0000; font-weight: bold; padding: 7px 7px 7px 32px; background: #fdfcea url(graphics/icon-special-warning.png) no-repeat 8px 11px; border: 1px solid #eae9d4;}
.cust-buttons {margin-top: 15px; text-align: right;}
.chkout-headings {margin-top:16px !important;}
.osel-makeselection-msg {background: url(graphics/icon-arrow-down.png) no-repeat; padding-left: 23px;}
h1.heading {background: url(graphics/sfnt-heading-bg.png) no-repeat; padding: 6px 4px 8px 14px;}
#geotrust-seal {width: 124px; position: relative; top: 8px; left: 175px;}
/* Basket Screen */
#basket-table {border: 1px solid #d1cfcf; padding: 6px;}
#basket-table .heading {height: 40px; font-size: 14px !important; background: url(graphics/basket-table-heading-bg.gif) repeat-x top left; color: #fff; text-shadow: 0px -1px 0px #363e01;}
#basket-table .remove {width: 70px;}
#basket-table .part-number {width: 112px;}
#basket-table .code {width: 112px;}
#basket-table .quantity {width: 115px;}
#basket-table .price {width: 75px;}
#basket-table .total {width: 75px; padding-right: 10px;}
#basket-table .cell-bottom {border-top: 1px solid #e8e5e1;}
#basket-table .total-line {background-color: #eee9e2; border-top: 1px solid #918b80; text-shadow: 0px 1px 0px #fff;}
#basket-table .qty-box {width: 30px; text-align: center; border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#basket-table .charge-line {border-top: 1px solid #918b80;}
#cart-buttons {margin-top: 15px;}
/* Customer Account Screens */
#customer-acnt-login-section {font-size: 12px !important;}
#customer-acnt-login-section input {border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#customer-screen-table {border: 1px solid #d1cfcf; padding: 6px; font-size: 12px !important;}
#customer-screen-table .heading-bg {height: 40px; font-size: 14px !important; background: url(graphics/customer-table-heading-bg.gif) repeat-x top left; color: #fff; text-shadow: 0px -1px 0px #363e01;}
#customer-screen-table input {border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#customer-screen-table select {border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#customer-screen-table .heading-bg-osel {padding: 12px 0 12px 4px !important; font-size: 14px !important; background: url(graphics/basket-table-heading-bg.gif) repeat-x top left; color: #fff; text-shadow: 0px -1px 0px #363e01;}
#customer-screen-table .ords-cust-info {padding-left: 12px; margin-bottom: 0; margin-top: 4px; font-size: 14px !important;}
/* Shipping / Payment Selection section */
#osel-shippay-table select {border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#osel-shippay-table input {border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left; vertical-align: top;}
#osel-shippay-table .paywith {height: 36px;}
#osel-payship-wrap {border: 1px solid #d1cfcf; padding: 6px;}
/* Login Screens */
#login-table input {width: 183px; border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#login-table .submit {width:78px; height:32px; border: none !important; padding: 0 !important; margin: 0 !important; background-image: none !important;}
#login-table .retrievepw {width: 190px; height: 32px; border: none !important; padding: 0 !important; margin: 0 0 0 25px !important; background-image: none !important;}
/* Search Template Table */
#search-table {border: 1px solid #d1cfcf; padding: 6px; font-size: 12px;}
#search-table .heading {height: 40px; font-size: 14px !important; background: url(graphics/basket-table-heading-bg.gif) repeat-x top left; color: #fff; text-shadow: 0px -1px 0px #363e01;}
#search-table .thumb {width: 80px;}
#search-table .code {width: 150px;}
#search-table .name {width: 579px;}
#search-table .price {width: 78px;}
#search-table #thumbnail {display: table-cell; vertical-align: middle; height: 80px; width: 80px; padding: 2px; border: 1px solid #afa598; background-color: #fff;}
#search-table img {max-width: 75px; max-height: 75px;}
#search-table .search-results-qty {text-align: center; width: 28px; vertical-align: top; border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#search-table .addtocart {background: none; border: none; padding: 0; margin: 0; width: 105px; height: 28px;}
#search-mini-table {margin-bottom: 12px;}
#search-mini-table input {vertical-align: top; border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#search-mini-table .search {width: 104px; height: 29px; border: none; padding: 0; margin: 0; background-image: none;}
/* Top navigation */
#navigation {width: 999px; height: 43px; background: transparent url(graphics/nav-bg.png) no-repeat; margin: 0 auto;}
#menu {width: 651px; height: 43px; padding:0; margin:0; list-style:none; float: left; z-index:1000; font: normal 12px arial, verdana, Helvetica, sans-serif; letter-spacing: .7px !important;}
#menu li {float:left; margin: 0;}
#menu li a {display:block; float:left; height: 43px; line-height: 43px; text-decoration:none;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#c60;}
#menu li:hover {position:relative; z-index:200;}
#menu :hover ul {left:0; top:43px; width:210px;} /* First sub */
/* Keep the 'next' level invisible by placing it off screen. */
#menu ul,
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#menu :hover ul :hover ul {left: 210px; top: 0; white-space:nowrap; width: 210px; z-index:200; height:auto;}
#menu :hover ul li {margin: 0; border: none;}
#menu :hover ul li a {width:210px; padding:0; text-indent:10px; background-color: #060606; color: #fff; height:30px; line-height:30px;}
#menu :hover ul li a.fly {background: #060606 url(graphics/right-arrow-active.gif) no-repeat right center;}
#menu :hover ul :hover {background-color:#596800; color:#fff; background-image: none !important;}
#menu :hover ul :hover a.fly {background-color:#596800; color:#fff;}
#menu :hover ul li.currentsub a {background:#596800; color:#fff;}
#menu :hover ul li.currentsub a.fly {background: #596800 url(graphics/right-arrow.gif) no-repeat right center; color:#fff;}
#menu :hover ul :hover ul li a {width: 210px; padding:0; text-indent:10px; background: #060606; color: #fff;}
#menu :hover ul :hover ul :hover {background-color:#596800; color:#fff;}
/* Nav Rollover Images */
#menu .shop-by-cat {background: url(graphics/nav-shop-by-cat.png) no-repeat; width: 165px; height: 43px;}
#menu li:hover > a.shop-by-cat {background: url(graphics/nav-shop-by-cat-hov.png) no-repeat; width: 165px; height: 43px;}
#menu .rentals {background: url(graphics/nav-rentals.png) no-repeat; width: 95px; height: 43px;}
#menu li:hover > a.rentals {background: url(graphics/nav-rentals-hov.png) no-repeat; width: 95px; height: 43px;}
#menu .sales-specials {background: url(graphics/nav-sales-specials.png) no-repeat; width: 159px; height: 43px;}
#menu li:hover > a.sales-specials {background: url(graphics/nav-sales-specials-hov.png) no-repeat; width: 159px; height: 43px;}
#menu .resources {background: url(graphics/nav-resources.png) no-repeat; width: 118px; height: 43px;}
#menu li:hover > a.resources {background: url(graphics/nav-resources-hov.png) no-repeat; width: 118px; height: 43px;}
#menu .contact-us {background: url(graphics/nav-contact-us.png) no-repeat; width: 107px; height: 43px;}
#menu li:hover > a.contact-us {background: url(graphics/nav-contact-us-hov.png) no-repeat; width: 107px; height: 43px;}
/* End top navigation */
/* Top Search */
#top-search {width: 336px; height: 43px; float: left;}
#top-search .search-field {vertical-align: top; background: transparent url(graphics/search-input-bg.png) no-repeat; width: 224px; margin: 7px 0 0 15px; padding: 8px 2px 5px 6px; color: #363d09; border: none; font-size: 12px;}
#top-search .go {background-image: none !important; padding: 0 !important; margin: 0 !important; margin-top: 7px !important; width: 77px; height: 28px;}
#menu li ul li.last {background: transparent url(graphics/nav-list-last.png) no-repeat !important; width: 210px; height: 7px;}
#menu li ul li.last:hover {background: transparent url(graphics/nav-list-last.png) no-repeat !important; width: 210px; height: 7px;}
.big-end-list {width: 657px; height: 7px; background: url(graphics/nav-list-wide.png) no-repeat; background-color: none !important;}
#menu :hover ul .big-end-list:hover {width: 657px; height: 7px; background: url(graphics/nav-list-wide.png) no-repeat !important; background-color: none !important;}
.biglistlinks {width: 219px !important;}
/* Stuff needed for IE7 to act right with the Shop by Category paragraph menu */
.nav-bigp-list-table {width: 657px !important;}
.nav-bigp-list {width: 219px !important;}
/* ************** Product Tabs ************** */
#maintab {margin: 20px 0 0 0 !important; height: 35px; padding: 0 !important;} /* This line controls the tab line overlap issue */
.shadetabs li {color: #5c5c5c; display: block; float: left; margin: 0; padding-left: 1px; border: 1px solid #c6c6c6; border-left: none; text-shadow: 0px -1px 0px #fff;}
.shadetabs li a:link {display: block; font-weight: bold; text-decoration: none !important; padding: 9px 10px 9px 10px; color: #5c5c5c !important; background: transparent url(graphics/shade.gif) top left repeat-x;}
.shadetabs li a:hover {display: block; font-weight: bold; text-decoration: underline !important; padding: 9px 10px 9px 10px; color: #1091ff !important; background: transparent url(graphics/shade.gif) top left repeat-x;}
.shadetabs li a:active {display: block; font-weight: bold; text-decoration: none !important; padding: 9px 10px 9px 10px; color: #5c5c5c !important; background: transparent url(graphics/shade.gif) top left repeat-x;}
.shadetabs li a:visited {display: block; font-weight: bold; text-decoration: none !important; padding: 9px 10px 9px 10px; color: #5c5c5c !important; background: transparent url(graphics/shade.gif) top left repeat-x;}
.shadetabs li.selected {color: #5c5c5c; border-bottom: 1px solid #f2f2f2; text-shadow: 0px -1px 0px #fff;}
.shadetabs li.selected a:link {background: transparent url(graphics/shadeactive.gif) top left repeat-x; text-decoration: none !important; color: #5c5c5c !important;}
.shadetabs li.selected a:hover {background: transparent url(graphics/shadeactive.gif) top left repeat-x; text-decoration: underline !important; color: #1091ff !important;}
.shadetabs li.selected a:active {background: transparent url(graphics/shadeactive.gif) top left repeat-x; text-decoration: none !important; color: #5c5c5c !important;}
.shadetabs li.selected a:visited {background: transparent url(graphics/shadeactive.gif) top left repeat-x; text-decoration: none !important; color: #5c5c5c !important;}
.tabcontent {border: 1px solid #c6c6c6; padding: 20px 10px 12px 10px; background-color: #f2f2f2;}
#default-tab {border-left: 1px solid #c6c6c6 !important;}
/* ************** End Product Tabs ************** */
/* Invoice Page */
/* This div hides a rogue H1 tag from the easyaccount token on the INVC page */
#somethingsilly h1 {display: none;}
/*Remove branding*/
#powered-by-label, .share-buttons .addshoppers-18, .footer-item .shoppe{
display:none !important;
}