* {padding: 0; margin: 0;}
img {border: 0; }

body {text-align: center; color: #333; margin: 0; padding:0; background: #4776A0; font: 12px "Trebuchet MS", Tahoma, Verdana, Arial, sans, sans-serif, _sans;}

p {text-align: left; color: #333; line-height: 1.5em; padding: 10px 0; margin: 0;}
a {color: #333; cursor: pointer;}
a:HOVER {text-decoration: none;}
ul {margin: 0;}

input, select, textarea {font: 1em "Trebuchet MS", Tahoma, Verdana, Arial, sans, sans-serif, _sans; padding: 0.1em; color: #333; margin: 0;}
input:FOCUS, input:HOVER, input:ACTIVE, textarea:FOCUS, textarea:HOVER, textarea:ACTIVE {border: 1px solid #427EAB;}
fieldset {border: none;}

.l {float: left;}
.r {float: right;}
.spacer {height: 1.0em;}
.center {text-align: center;}
.acenter {align: center;}
.aright {text-align: right;}

.clear {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}
.strong {font-weight: bold;}
.hidden {display: none;}
.mrg {padding: 0 20px;}

p.warning {padding: 10px; color: #800;}
p.success {padding: 10px; color: #080;}
p.spinner {padding: 10px;}
#responsediv, #responsediv2 {}

p.small {font-size: 0.8em; color: #aaa;}

h1 {color: #9D0707; font-size: 2.2em; margin: 0;}
h2 {color: #4776A0; font-size: 1.4em; font-weight: normal; margin: 10px 0 0 0;}
h3 {color: #ff7800; font-size: 1.2em; margin: 10px 0 0 0;}

.s100 {width: 100px;}
.s150 {width: 150px;}
.s200 {width: 200px;}
.s300 {width: 300px;}
.s400 {width: 400px;}
.p100 {width: 100%;}
.s80 {width: 80px;}
.s50 {width: 50px;}
.h200 {height: 150px;}
/********************************************************************************/

#wrapper {width: 820px; background: url("../../img/site/bgnd-page.jpg") top center repeat-y; margin: 0 auto; text-align: left;}

#top {width: 820px; height: 230px; background: url("../../img/site/bgnd-top.jpg") top center repeat-y; overflow: hidden;}
#top a.logo {display: block; margin: 0 0 0 30px; background: url("../../img/site/kands-logo.gif") no-repeat; width: 130px; height: 60px; text-indent: -9000px;}

#main-menu {float: right; margin: -25px 20px 0 0;}
#main-menu ul {list-style: none;}
#main-menu ul li {display: inline; font-size: 1.2em; font-weight: bold;}
#main-menu ul li a {float: left; background: url("../../img/site/bgnd-menu-left.gif") 0 0 no-repeat; padding: 0 0 0 5px; margin: 0 5px 0 0; text-decoration: none;}
#main-menu ul li a span {float: left; display: block; background: url("../../img/site/bgnd-menu-right.gif") 100% 0 no-repeat; padding: 8px 10px 7px 5px; color: #333; cursor: hand;}
#main-menu ul li a:HOVER span {color: #fff;}
#main-menu ul li a.on span {color: #fff;}
#main-menu ul li a:HOVER {background-position: 0% -36px;}
#main-menu ul li a.on {background-position: 0% -36px;}
#main-menu ul li a:HOVER span {background-position: 100% -36px;}
#main-menu ul li a.on span {background-position: 100% -36px;}

#main-menu ul li.checkout a {background: url("../../img/site/bgnd-menu-checkout-left.gif") 0 0 no-repeat;}
#main-menu ul li.checkout a span {background: url("../../img/site/bgnd-menu-checkout-right.gif") 100% 0 no-repeat; padding: 8px 30px 7px 5px; color: #fff;}
#main-menu ul li.checkout a:HOVER span {color: #333;}
#main-menu ul li.checkout a.on span {color: #fff;}
#main-menu ul li.checkout a:HOVER {background-position: 0% -36px;}
#main-menu ul li.checkout a.on {background-position: 0% -36px;}
#main-menu ul li.checkout a:HOVER span {background-position: 100% -36px;}
#main-menu ul li.checkout a.on span {background-position: 100% -36px;}

#toolbar {width: 760px; margin: 0 20px; padding: 10px; position: absolute; top: 180px;}
#toolbar form fieldset input {font: 1em "Trebuchet MS", Tahoma, Verdana, Arial, sans, sans-serif, _sans; padding: 0.1em; color: #333; margin: 0;}
#toolbar form fieldset button {background: url("../../img/site/magnifying-glass.gif") 3px 50% no-repeat; border: none; font: 1em "Trebuchet MS", Tahoma, Verdana, Arial; font-weight: bold; width: 70px; height: 22px; overflow: hidden; margin: 0 5px; padding: 0 0 0 17px; cursor: pointer;}
#toolbar form fieldset button:HOVER {background: url("../../img/site/magnifying-glass.gif") 3px 50% no-repeat; color: #9D0707;}
#toolbar form fieldset p {padding: 0; font-size: 0.8em;}
#toolbar form fieldset p a {text-decoration: none; color: #666;}
#toolbar form fieldset p a:HOVER {text-decoration: underline; color: #333;}

#page {width: 820px; display: table-cell;}

#rhs {float: right; width: 590px; padding: 0 20px 0 0;}
#rhs a {color: #333;}

#header-home {display: none; margin: 10px 0; background: url("../../img/site/bgnd-header.jpg") no-repeat; width: 590px; height: 200px;}

#products-browser {width: 590px; height: 400px; margin: 10px 0;}

#locationMap {margin: 10px 0; width: 590px; height: 300px;}

#rhs ul.products {list-style: none;}
#rhs ul.products li {display: block; float: left; overflow: hidden; width: 170px; height: 210px; padding: 5px; border: 1px dotted #aaa; border-width: 0 0 1px 0; margin: 0 5px;}
#rhs ul.products li.alt {background: #eee;}

#rhs ul.products p {padding: 0;}
#rhs ul.products p a {color: #333; text-decoration: none; font-size: 1.1em;}
#rhs ul.products p a:HOVER {text-decoration: underline;}
#rhs ul.products p.nme {font-weight: normal;}
#rhs ul.products p.price {color: #9D0707; font-size: 1.3em; font-weight: bold;}
#rhs ul.products .image {display: table-cell; vertical-align: middle; width: 180px; height: 150px; padding: 5px; text-align: center; clear: both;}
#rhs ul.products .image a img {border: 1px solid #fff; margin: 0 auto;}
#rhs ul.products .image a:HOVER img {border: 1px solid #aaa;}

#rhs ul.browseby {list-style: none; margin: 10px 0;}
#rhs ul.browseby li {display: block; width: 190px; float: left;}
#rhs ul.browseby li.middle {margin: 0 10px;}
#rhs ul.browseby li span {width: 190px; height: 110px; display: block; float: left; text-indent: -9000px; cursor: pointer;}
#rhs ul.browseby li span.category {background: url("../../img/site/browse-by-category.gif") no-repeat;}
#rhs ul.browseby li span.brand {background: url("../../img/site/browse-by-brand.gif") no-repeat;}
#rhs ul.browseby li span.industry {background: url("../../img/site/browse-by-industry.gif") no-repeat;}
#rhs ul.browseby li ul.sub {padding: 0; margin: 0;}
#rhs ul.browseby li ul.sub li {padding: 1px 0; text-align: left; background: url("../../img/site/bcrumb-arrow.gif") 5px 50% no-repeat; margin: 0;}
#rhs ul.browseby li ul.sub li a {color: #333; text-decoration: none; display: block; padding: 2px 5px 2px 15px;}
#rhs ul.browseby li ul.sub li a:HOVER {color: #333; background: #FFCA51 url("../../img/site/bcrumb-arrow.gif") 5px 50% no-repeat;}

#rhs ul.browseby li ul.c li a {color: #333; text-decoration: none; display: block; padding: 2px 5px 2px 15px;}
#rhs ul.browseby li ul.c li a:HOVER {color: #fff; background: #9d0707 url("../../img/site/bcrumb-arrow.gif") 5px 50% no-repeat;}

#rhs ul.browseby li ul.b li a {color: #333; text-decoration: none; display: block; padding: 2px 5px 2px 15px;}
#rhs ul.browseby li ul.b li a:HOVER {color: #fff; background: #2a557c url("../../img/site/bcrumb-arrow.gif") 5px 50% no-repeat;}

#rhs ul.nav {list-style: none; margin: 10px 0; height: 20px;}
.top {border: 1px solid #FFCA51; border-width: 0 0 1px 0;}
.bottom {border: 1px solid #FFCA51; border-width: 1px 0 0 0;}
#rhs ul.nav li {display: inline; padding: 2px 0 0 0;}
#rhs ul.nav li a {color: #333; margin: 0.3em; text-decoration: none;}
#rhs ul.nav li.prev {width: 20%; text-align: left; display: block; float: left;}
#rhs ul.nav li.prev a {padding: 0 0 0 10px; background: url("../../img/site/arrow-left.gif") 0 50% no-repeat;}
#rhs ul.nav li.pages {width: 60%; text-align: center; display: block; float: left;} 
#rhs ul.nav li.next {width: 20%; text-align: right; display: block; float: left;} 
#rhs ul.nav li.next a {padding: 0 10px 0 0; background: url("../../img/site/arrow-right.gif") 100% 50% no-repeat;}

#rhs ul {margin: 10px 0 10px 20px; list-style-image: url("../../img/site/arrow-right.gif");}

#rhs dl.news {}
#rhs dl.news dt {font-size: 1.4em; margin: 20px 0 0 0;clear: both;}
#rhs dl.news dt a {text-decoration: none; color: #f00;}
#rhs dl.news dt a:HOVER {text-decoration: underline;}
#rhs dl.news dt span {font-size: 0.7em; color: #666;}
#rhs dl.news dd {clear: both;}
#rhs dl.news dd a {text-decoration: none;}
#rhs dl.news dd a:HOVER {text-decoration: underline;}
#rhs dl.news dd img, .rnews {float: right; margin: 5px;}

#picture-th {width: 200px; text-align: center; float: left; padding: 0 0 10px 0;}
#picture-th img {border: 1px solid #eee;}
#picture-th a:HOVER img {border: 1px solid #ddd;}
#picture-th p {padding: 0; margin: 2px 0 0 0;}
#picture-th p a {width 122px; height: 24px; display: block; background: url("../../img/site/zoom-in.gif") 50% 0 no-repeat; text-indent: -9000px;}
#morepictures {display:none;}

#product-details {text-align: center; float: right; width: 380px; padding: 10px 0 0 0;}
#product-details table {width: 100%; border-collapse: collapse;}
#product-details table tr.alt {background: #f5f5f5;}
#product-details table td {padding: 0.3em; font-size: 1.2em; font-weight: bold;}
#product-details table td.title {text-align: left;}
#product-details table td.price {color: #9D0707;}
#product-details table td.in-stock p {padding: 0; color: #079D12; text-indent: -9000px; background: transparent url("../../img/site/in-stock.gif") 50% 50% no-repeat;}
#product-details table td.out-of-stock {color: #079D12; text-indent: -9000px; background: url("../../img/site/out-of-stock.gif") 50% 50% no-repeat;}
#product-details input {font: 1em "Trebuchet MS", Tahoma, Verdana, Arial, sans, sans-serif, _sans; padding: 0.1em; color: #333; margin: 0;}
#product-details input.submit {border: 0;}

#lhs {float: left; width: 170px; padding: 0 0 0 20px;}

#articles {padding: 0 0 0 5px; margin: 5px 0 0 0;}
#articles ul {border: 1px dotted #ddd; border-width: 0 0 1px 0; padding: 0; margin: 0 0 0 -5px; list-style: none;}
#articles ul li {padding: 1px 0; text-align: right; background: none; margin: 0;}
#articles ul li a {color: #333; text-decoration: none; display: block; padding: 5px 15px 5px 5px; background: url("../../img/site/arrow-blue-small.gif") 97% 50% no-repeat;}
#articles ul li a:HOVER {color: #fff; background: #4776a0 url("../../img/site/arrow-white-small.gif") 97% 50% no-repeat;}
#articles ul li a.on {color: #fff; background: #4776a0 url("../../img/site/arrow-white-small.gif") 97% 50% no-repeat; font-weight: bold;}

#sidemenu {padding: 0; margin: 5px 0 0 0;}
#sidemenu ul {list-style: none; background: #FFFCF4;}
#sidemenu ul li {padding: 0 0 0 5px; background: url("../../img/site/bgnd-side-menu-left.gif") 0 -30px no-repeat; margin: 0 0 5px 0;}
#sidemenu ul li span {background: #4776A0 url("../../img/site/bgnd-side-menu-right.gif") 100% -30px no-repeat; color: #fff; font-size: 1.4em; font-weight: bold; padding: 4px 5px 3px 5px; cursor: pointer; display: block;}
#sidemenu ul li.on {background-position: 0% 0px;}
#sidemenu ul li.on span {background-position: 100% 0px;}

#sidemenu ul li ul.sub {border: 1px dotted #ddd; border-width: 0 0 1px 0; display: none; padding: 0; margin: 0 0 0 -5px;}
#sidemenu ul li ul.sub li {padding: 1px 0; text-align: right; background: none; margin: 0;}
#sidemenu ul li ul.sub li a {color: #333; text-decoration: none; display: block; padding: 2px 5px;}
#sidemenu ul li ul.sub li a:HOVER {color: #333; background: #FFCA51;}
#sidemenu ul li ul.sub li a.on {color: #333; background: #FFCA51; font-weight: bold;}

#bcrumb {margin: 5px 20px 0 20px; padding: 5px 10px; background: #fafafa;}
#bcrumb ul {list-style: none; margin: 0;}
#bcrumb ul li {display: inline; margin: 0 5px 0 0; font-size: 0.9em;}
#bcrumb ul li a {color: #333; padding: 0 10px 0 0; background: url("../../img/site/bcrumb-arrow.gif") 100% 50% no-repeat;}
#bcrumb ul li a.curr {font-weight: bold; text-decoration: none;}

#footer {width: 820px; height: 150px; margin: 0 auto; background: url("../../img/site/bgnd-footer.jpg") top center no-repeat; text-align: left;}
#footer .col {float: left; margin: 30px 0 0 0; padding: 0 20px;}
#footer .col h4 {font-size: 1.4em; color: #fff;}
#footer .col p, a {margin: 0; padding: 0; color: #fff;}
#footer .col ul {list-style-image: url("../../img/site/arrow-yellow.gif"); margin: 0 0 0 15px;}

#rhs form.inputform {padding: 0 0 0 10px;}
#rhs form.inputform fieldset {border: none;}
#rhs form.inputform p {padding: 0;}
#rhs form.inputform table {margin: 0; border-collapse: collapse; color: #1E3958; width: 100%}
#rhs form.inputform table td {padding: 5px; text-align: left; vertical-align: top;}
#rhs form.inputform table tr.alt {background: #F5F5F5;}
#rhs form.inputform table tr td.action {padding: 0 0 5px 0; border-top: 1px solid #666;}
#rhs form.inputform table select, input, textarea {padding: 0.5em; border: 1px solid #aaa; color: #1E3958; font: 1em Arial, sans;}
#rhs form.inputform table input:FOCUS, input:HOVER, input:ACTIVE, textarea:FOCUS, textarea:HOVER, textarea:ACTIVE {border: 1px solid #427EAB;}
#rhs form.inputform table textarea {height: 60px;}
#rhs form.inputform input.submit {margin: 5px 0 0 5px; padding: 2px 0 2px 0; background: #666; border: 1px solid #5D5A5A; width: 120px; color: #fff; font-weight: bold;}
html>body #rhs form.inputform input.submit { margin: 5px 0 0 5px; padding: 1px 0 2px 0; }
#rhs span.mand {color: #427EAB; text-align: left;}
.ht {font-size: 0.8em; color: #777;}