﻿body { background: #fff; margin: 0; font-family: Arial, Sans-Serif; font-size: .9em  }
div#all { width: 965px; margin: 0 auto; border: 1px solid #919191; border-top: none }

/* header */
div#hd { border-bottom: 1px solid #333; width: 965px; overflow: hidden; }
div#hd-in { float: right; }
div#mn { float: left; height: 23px; padding: 27px 0 0 24px; }
div#mn ul { margin: 0; padding: 0; text-align: center; }
div#mn li { list-style: none; display: inline; padding: 5px 9px; margin: 0 5px 0 0; background: #980d25 url(../images/flatt/bt-bg.jpg) repeat-x bottom;  }
div#mn li a { text-decoration: none; color: #fff; display: inline-block; font-size: 13px !important;  }

/* header - flatt */
#hd-flatt { margin: 0 -1px; width: 967px; overflow: hidden; background: url(../images/flatt/nb_spacer.gif) repeat-x; }
#logo-flatt { display: block; float: left; }
#hd-flatt-r { float: right; }
#mn-flatt { margin-bottom: 10px; padding-left: 24px; height: 52px; background: url(../images/flatt/nb_spacer2.gif) repeat-x; }

/* 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 0 0 24px; padding: 0; }
ul#nav li { 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 */
div#logo { display: none; }
.search { float: left; padding: 0 35px 8px 0; }
.search div { margin-left: 3px; height: 22px; }
.search div a { padding: 5px 10px; text-decoration: none; font-size: 12px !important; }
a.toggle-dn { background: #ac1a2f; color: #fff; }
a.toggle-up { background: #424242; color: #fff; }
.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: left; width: 178px; padding-right: 14px }
div.bd-f { float: left; width: 742px; padding: 0 14px }

/* footer */
div#ft { width: 953px; padding: 6px; background: #373636; color: #fff; font-size: 80% }
div#ft a { color: #fff }
div#ft-menu { float: left; width: 300px; }
div#ft-copy { float: left; width: 653px; 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: #333 url(../images/flatt/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.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 }
div.long-desc { font-size: 90% }
div.sku { font-size: 80% }
div.qty { margin: 8px 0 }
div.inventory { color: #737782; font-size: 90% }
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; }

/* featured product */
div.featured-item { float: left; width: 220px; padding-left: 10px } 
div.featured-sep { float: left; border-right: 1px solid #e4e4e4; height: 220px; padding-left: 10px; margin: 10px 10px 0 0 } 
div.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 }
img.fullsize { float: left; margin: 0 14px 14px 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% }
div.product-extended-icons { text-align: left; padding: 0; }
div.product-extended-icons img { margin-right: 5px; }

/* 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; }

/* 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: #980d25 url(../images/flatt/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 }
a#forgotpassword { font-size: 80% }
div#order-msg { border: 1px solid #000; padding: 8px; margin: 8px }
td#process-msg { font-size: 90%; text-align: right }
