﻿body { background: #fff; margin: 0; font-family: Arial, Sans-Serif; font-size: .9em; position: relative; z-index: 1;  }
div#all { width: 965px; margin: 0 auto; border: 1px solid #919191; border-top: none; overflow: hidden; }

/* header */
div#hd { background: #174a64; padding-top: 1px; }
div#mn { clear: both; height: 26px }
div#mn ul { margin: 0; padding: 0; text-align: center }
div#mn li { list-style: none; display: inline; padding: 5px 12px; margin: 0 4px; background: #8da5b1 url(../images/mn-li-bg.gif) repeat-x bottom  }
div#mn li a { text-decoration: none; color: #fff; display: inline-block; height: 26px; line-height: 26px; font-size: 14px !important }

/* nav */
div#mn-sub { clear: both; padding: 10px 0 8px 0; background: #fff url(../images/mn-sub-bg.jpg) repeat-x bottom }
ul#nav { margin: 0; padding: 0; text-align: center }
ul#nav li { z-index: 999; position: relative; display: inline; padding: 0 12px; font-size: 14px !important; border-right: 1px solid #B9BDC2; border-left: 1px solid #B9BDC2; margin-right: -1px }
ul#nav li a { text-decoration: none; color: #3f3f3f }
ul#nav ul { visibility:hidden; position: absolute; top: 18px; left: 0; margin: 0; padding: 8px 0; text-align: left; background: #fff; border: 1px solid #e7e7e7  }
ul#nav ul li { display: block; padding: 1px 8px; width: auto; white-space: nowrap; border: none  }
ul#nav ul li a { color: #185f7b; font-size: 85% }
ul#nav ul li a:hover { text-decoration: underline }
.alt { background: #f4f4f4 }

/* top logo, search */
a#logo { display: block; margin: 15px 0 10px 15px; text-indent: -9999px; }
.search { float: right; padding: 22px 35px 8px 0 }
.search div { margin-left: 3px }
.search div a { padding: 5px 10px; text-decoration: none; font-size: 90% }
a.toggle-dn { background: #091e28; color: #fff }
a.toggle-up { background: #123b50; color: #ccc }
.search input { vertical-align: bottom  }
input.query { width: 156px;  margin-right:3px; height: 22px; border: 1px solid #ccc }

/* body layout */
div#bd { padding: 17px 0; background: #f1f1f1 }
div.bd-l { float: left; width: 196px }
div.bd-m { float: left; width: 549px; padding: 0 14px }
div.bd-r { float: right; width: 178px; padding-right: 11px }
div.bd-f { float: left; width: 742px; padding: 0 14px }
#bd-topUnder { width: 742px; margin-left: 14px; overflow: hidden; }

/* top under */
#bd-topUnder .bx { padding: 10px; }
#topUnder-description { margin-top: 10px; font-size: 90%; }

/* footer */
div#ft { width: 953px; padding: 6px; background: #103446; color: #fff; font-size: 80%; }
div#ft a { color: #fff }
#ft-menu { margin: 0 0 15px -18px; padding: 0;  }
#ft-menu li { margin: 0 0 0 8px; padding: 0 0 0 8px; display: inline; border-left: 1px solid #fff; }
#ft-copy { text-align: right; }

/* search refinements */
div#bx-refine ul { padding: 4px 10px; margin: 4px 10px }
div#bx-refine li { color: #3f3f3f; font-size: 90%; list-style-image: url(../images/bx-refine-arrow.gif) }
span.refine-cat-title { color: #697e90; text-transform: uppercase; }
div#bx-refine a { color: #3f3f3f; text-decoration: none }
.refine-keyword { padding: 5px 14px }
input.refine-tb { width: 120px; border: 1px solid #505050; font-size: 80% }

/* boxes, right side */
.bx { margin-bottom: 7px; border: 2px solid #e7e7e7; border-bottom: 4px solid #e7e7e7; background: #fff; padding: 1px }
div#bx-refine { border-top: 2px solid #e7e7e7; border-right: 2px solid #e7e7e7; border-bottom: 4px solid #e7e7e7; background: #f7f7f7 }
.bx h1, .bx h2, div#bx-refine h2 { background: #81aec5 url(../images/bx-tt-bg.jpg) repeat-x bottom; padding: 9px; color: #fff; font-size: 130%; font-weight: normal; margin: 0; display: block }
div.bx-tt { background: #81aec5 url(../images/bx-tt-bg.jpg) repeat-x bottom; padding: 9px; color: #fff; font-size: 130% }
div.bx-tt a { float: right; color: #fff; font-size: 90% }
div.bx-tt-sub { background: #e4e4e4; padding: 5px 14px; color: #697e90; border-top: 1px solid #d3d2d3 }
div.bx-in { padding: 8px; color: #155c72; font-size: 90% }
div.bx-content { padding: 8px; font-size: 90% }
div.bx-content label { font-weight: bold }
.bx-r { text-align: right }
.bx-l { text-align: left }
input.login-tb { width: 98%; margin: 5px 0 }
.remember { font-size: 80% }
div.bx-l a { color: #155c72; font-size: 90% }
div.cart-subtotal { background: #f1f1f1; margin: 8px 0; padding: 8px 6px; border-top: 1px solid #d6d6d6; color: #000; font-weight: bold; font-size: 110% }
div.cart-subtotal div { float: right }
div#flyer p { margin-bottom: 0 }
div#flyer p:first-child { margin-top: 0 }

/* search results, cart */
div.paging { background: #cfdee5; padding: 9px; text-align: center; color: #000 }
div.paging a { color: #000 }
a#current-page { text-decoration: none }
table#search-results { width: 100%; margin-right: -1% } /* ie6 margin */
table#search-results tr th { background: #cfdee5; padding: 8px; color: #000; text-align: left }
table#search-results tr td { padding: 8px; border-bottom: 3px solid #f6f6f6 }
table#search-results tr.taxes td { font-weight: bold; border-bottom: none }
td.pic-col img { margin: 0 15px }
td.subtotal { text-align: right; font-weight: bold }
div.manufacturer, div.price { font-weight: bold }
img.price-icon { margin: 0 1px; vertical-align: baseline; }
img.price-icon-home { margin: 0 1px; vertical-align: bottom; }
img.contract-price { vertical-align: baseline; }
.short-desc { margin: 4px 0 }
.short-desc a, td.price-col a { color: #07718b; text-decoration: none; font-size: 90% }
div.short-desc a:hover, td.price-col a:hover { text-decoration: underline }
td.price-col-cart { width: 150px; }
div.long-desc { font-size: 90% }
div.long-desc ul { margin: 0; padding-left: 14px; }
div.sku { font-size: 80% }
div.qty { margin: 8px 0 }
input.textbox { border: 1px solid #8a8a8a }
.sort { display:block; float: right; font-size: 70% }
.sort select { font-size: 80% }
td.compare-col { vertical-align: middle; }
.more { display: none; }
a#more-attributes { display: block; text-align: right; padding: 0 3px 3px 0; }
.zipChange { display:none;margin-top:5px;font-size:90%; }
.zipChange span { font-weight: bold; }

/*cart switchsave related*/
td.switchsave-parent-pic { border-top: solid 3px #eba602; border-left: solid 3px #eba602; }
td.switchsave-parent-desc { border-top: solid 3px #eba602; }
td.switchsave-parent-price { border-top: solid 3px #eba602; border-right: solid 3px #eba602; }
td.switchsave-child-pic { border-left: solid 3px #eba602; }
td.switchsave-child-pic img { margin: 0 15px }
td.switchsave-child-price { border-right: solid 3px #eba602; }
td.switchsave-child-pic img { margin: 0 15px }
table#search-results td.switchsave-child-last { border-bottom: solid 3px #eba602; } 
table#search-results table#switchsave-child-prod { width: 100%; }
table#search-results table#switchsave-child-prod td { border: none; }
td.switchsave-child-prod-img { width: 75px; border: none; }
div.switchsave-price { color: #039006; }
div.switchsave-question { padding: 5px 0 10px 0; font-size: 12px; color: #000; }
div.switchsave-bt a { color: #fff; }
    
/* featured product */
#featured { position: relative; }
.featured-scroll { position: absolute; top: 50%; width: 20px; height: 20px; text-indent: -9999px; display: none; }
#featured-scroll-left { left: -14px; background: url(../images/featured-scroll-left.jpg); }
#featured-scroll-right { right: -14px; background: url(../images/featured-scroll-right.jpg); }
#featured-products { width: 738px; overflow: hidden; position: relative; }
#featured-scroller { width: 10000px; }
.featured-item { float: left; width: 220px; padding-left: 10px; position: relative; } 
.featured-sep { float: left; border-right: 1px solid #e4e4e4; height: 220px; padding-left: 10px; margin: 10px 10px 0 0; } 
.featured-item img { margin-bottom: 5px; }

/* product details */
div#product-details { padding: 15px 9px }
div#bc { margin-bottom: 14px; font-size: 90% }
div#bc a { color: #07718b; text-decoration: none }
div.fullsize { float: left; margin: 0 14px 14px 0; position: relative; z-index: 0; } 
#product-sku { color: #737782; font-size: 90% }
div#product-price {  font-weight: bold; font-size: 110%; margin-bottom: 10px } 
div#product-extended { clear: left }
a#view-similar { color: #07718b; text-decoration: none; font-size: 90%; display: block; }
div.product-extended-icons { text-align: left; padding: 0; }
div.product-extended-icons img { margin-right: 5px; }
div#product-details-longdesc ul { }
#product-extended th { display: none; }
#product-tab { padding: 0 0 4px 0; margin: 0; border-bottom: 1px solid #919191; float: left; width: 100%; }
#product-tab li { list-style-type: none; margin: 0; padding: 0; font-size: 75%; display: inline; }
#product-tab span { float: left; display: block; margin: 3px 0 -5px 0; }
#product-tab a { display: block; text-decoration: none; background: #cfdee5; border: 1px solid #919191; text-transform: uppercase; padding: 0 5px; line-height: 220%; margin: 0 2px 0 0; white-space: nowrap; }
#product-tab li.product-tab-selected { font-weight: bold; }
#product-tab li.product-tab-selected span { margin-top: 0; }
#product-tab li.product-tab-selected a { padding-bottom: 3px; }
.product-tab-hide { display: none; }
#product-tab-container { clear: both; padding-top: 10px; }
#product-large-img, #product-alt-img { z-index: 999; display: none; padding: 30px; border: 1px solid #919191; position: absolute; background: #fff; }
.product-img-close { position: absolute; top: 10px; right: 10px; }
.view-large-img, .view-alt-img { color: #07718b; text-decoration: none; font-size: 90%; }
#product-alt-img-thumbs { max-height: 500px; overflow: auto; }
#product-alt-img-thumbs img { display: block; width: 70px; margin-bottom: 10px;  border: 1px solid #919191; }
.view-alt-img { margin-left: 10px; }
#product-buttons-container { padding: 10px 0; }
#product-share { display: none; }
.product-content { margin-top: 7px; border: 2px solid #e7e7e7; border-bottom: 4px solid #e7e7e7; background: #fff; padding: 10px; }
.product-content p { margin-top: 0; }

/* ink & toner */
.inktonerFilter { float: left; width: 30%; margin-right: 2%; }
.inktonerFilter div { font-weight: bold; }

/* ads */
div#adtop, div#adbot { text-align: center; margin: 5px 0 }
div#adside { text-align: center; margin-bottom: 5px }
div#adsideunder { text-align: center; margin-top: 5px }
div#adhome { text-align: center; margin-top: 5px }

/* text */
h1 { margin-top: 0; font-size: 130%; color: #656162 }
h2 { font-size: 110%; color: #656162 }
a { color: #000 } 

/* grids, tables */
table.gv { width: 100%; font-size: 90%; margin-right: -1% } /* ie6 margin */
table.gv th { padding: 4px; text-align: left; background: #cfdee5 }
table.gv td { padding: 4px; border-bottom: 2px solid #f6f6f6 }
table.gv td a { color: #155c72 }
.row-selected, .row-selected td { background: #f6f6f6 }
tr.gv-paging td { background: #cfdee5; color: #000; border-bottom-width: 1px; }
tr.gv-paging td table tr td { height: 10px; color: #000; border-bottom: none; padding: 0 2px; margin: 0 2px; border-left: solid 1px #000; }
tr.gv-paging td table tr td:first-child { border-left: none }
tr.gv-paging td table tr td a { color: #000; display: block }
tr.gv-header th a, tr.gv-header td a { vertical-align: top }
table.fv { width: 100%; font-size: 90%; margin-right: -1% }
table.tb th { text-align: left }

/* stock check */
div#zip-container { z-index: 999; display: none; width: 250px; height: 100px; padding: 20px; border: 1px solid #919191; position: absolute; background: #fff; } 
div#zip-container h2 { margin-top: 0; }
div.inventory { color: #737782; font-size: 90% }
a.stockcheck { display: block; overflow: auto; margin-bottom: 3px }
.stock-checking { display: block; overflow: auto; margin-bottom: 3px; width: 16px; height: 16px; background: url(../images/icons/ajax-loader.gif) }
.in-stock { display: block; overflow: auto; margin-bottom: 3px; color: #67ac25; padding-left: 20px; background: url(../images/icons/in-stock.gif) no-repeat left top }
.out-stock { display: block; overflow: auto; margin-bottom: 3px; color: #b3262d; padding-left: 20px; background: url(../images/icons/out-stock.gif) no-repeat left top }

/* fav categories */
div#favcat-container { z-index: 999; display: none; width: 250px; height: 150px; padding: 20px; border: 1px solid #919191; position: absolute; background: #fff; } 
div#favcat-container h2 { margin-top: 0; }
a.favcat-link { }

/* cart tax estimate */
div.cart-taxestimate-area { }
a.cart-taxestimate-link { font-weight: normal; }
.cart-taxestimate-submit { width: 1px; height: 1px; visibility:hidden; }

/* rewards points related */
div#rewards-info { padding: 10px; border-bottom: 2px solid #f6f6f6; }

/* misc */
a:active { outline: none; }
object { outline: none; }
* { outline: none; }
a.link-focus { outline: none; text-decoration: none; font-size: 0px; } 
form { margin: 0; padding: 0 }
.clear { clear: both }
.bt { color:#fff; background: #ffb400 url(../images/bt-bg.jpg) repeat-x bottom; padding: 4px }
input.bt { border: 0 }
a.bt { text-decoration: none;color:#fff }
.err { color: #ff0000 } 
a img { border: 0 }
.dealer-image { margin-bottom: 10px }
.forgotpassword { font-size: 80% }
div#order-msg { border: 1px solid #000; padding: 8px; margin: 8px }
td.processMsg { font-size: 90%; text-align: right }
.bt-title { float: right; margin: 6px 6px 0 2px; }

