#dept { background: #cc0000 url("http://www.sharperbrand.com/catalog/images/tile_brands.gif") repeat-x; }
#deptMain { border-top: 2px solid #ccc; }

/*----- Brands Dept -----*/
#brandsDiv { border-top: 1px solid #999; margin: 0 1px 1px 0 }
#brandsTitle { margin-top: 6px; color: #666; padding-bottom: 16px; text-align: center; }
#brandsTitle h2 { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; }

#brandsHdr { width: 548px; height: 191px; background: url("http://www.sharperbrand.com/catalog/images/logo_brands.jpg") no-repeat 12px -15px; }
#brandsTxt { position: relative; top: 90px; left: 35px; width: 490px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

#brandsContainer { padding-left: 25px; }
#brandsContent { width: 513px; }

.brandsList { float: left; width: 220px; }
.brandsList ul { margin: 0; padding: 0; list-style-type: none; }
.brandsList li { display: inline; width: 220px; height: 29px; border-bottom: 1px solid #ccc; margin: 0; padding: 1px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.brandsList li a, .brandsList li a:visited { float: right; width: 162px; height: 29px; color: #333; padding: 8px 0 0 10px; text-decoration: none; }
.brandsList li a:hover { height: 29px; background: #cc0000; color: #fff; text-decoration: none; }

html>body .brandsList li { display: block; padding: 1px 0 2px 0; }
html>body .brandsList li a, html>body .brandsList li a:visited { width: 152px; height: 22px; }
html>body .brandsList li a:hover { width: 152px; height: 22px; }

.brandsList li img { float: left; width: 49px; }
html>body .brandsList li img { padding-left: 3px; }

#brandsColSpace { float: left; width: 72px; }

/*----- Brands Category -----*/
#breadCrumb a:hover { color: #cc0000; }
#breadCrumb a:active { color: #cc0000; }
#breadCrumb a.catLink:link, #breadCrumb a.catLink:visited, #breadCrumb a.catLink:hover, #breadCrumb a.catLink:active { color: #cc0000; }

#brandTitleDiv { border-top: 1px solid #999; margin-right: 1px; }
#brandTitleContent { margin: 10px 0 0 12px; }
#brandLogo { float: left; width: 73px; }
#brandTxt { float: left; width: 431px; padding-bottom: 10px; font-size: 12px; }
#brandTxt h2 { color: #666; margin: 0; padding: 8px 0 8px 0; font-family: Arial, Helvetica, sans-serif; font-size: 17px; }

#brandTxt a:link { color: #333; }
#brandTxt a:visited { color: #333; }
#brandTxt a:hover { color: #ff6600; text-decoration: none; }
#brandTxt a:active { color: #ff6600; text-decoration: none; }

.sortBar { width: 565px; height: 22px; background-color: #999; color: #FFF; margin: 1px 1px 0 0; padding: 3px 0 4px 7px; }
.sortLC { float: left; width: 50px; padding-top: 3px; }
.sortRC { float: left; width: 205px; }
.sortRC form { margin: 0; padding: 0; }
.sortRC select { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.sortRC input#view, .sortRC input#view2 { width: 40px; margin: 0; padding: 0; font-family: arial; font-size: 10px; }
html>body .sortBar { clear: both; width: 558px; height: 19px; padding: 2px 0 4px 7px; }

.pageNav { float: left; position: relative; top: 3px; width: 295px; height: 14px; text-align: right; }
a.pgLink, a.pgLink:visited { display: inline; background: #fff; color: #333; padding: 3px 4px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; }
a.pgLink:hover { background: #ff6600; color: #fff; text-decoration: none; }
html>body a.pgLink, html>body a.pgLink:visited { padding: 1px 4px; }

a.prevPg, a.prevPg:visited, a.prevPg:hover { background: #fff; border: none; margin-right: 2px; padding: 5px 4px 3px 2px; text-decoration: none; }
html>body a.prevPg, a.prevPg:visited, a.prevPg:hover { position: relative; top: 1px; padding: 1px 4px 0 2px; }

a.nxtPg, a.nxtPg:visited, a.nxtPg:hover { background: #fff; border: none; margin-left: 2px; padding: 5px 2px 3px 4px; text-decoration: none; }
html>body a.nxtPg, a.nxtPg:visited, a.nxtPg:hover { position: relative; top: 1px; padding: 1px 2px 0 4px; }

a.currPg, a.currPg:visited, a.currPg:hover { display: inline; background: #ff6600; color: #fff; padding: 3px 4px; cursor: default; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; }
html>body a.currPg, a.currPg:visited, a.currPg:hover { padding: 1px 4px; }

a.lastPg, a.lastPg:visited, a.lastPg:hover { display: inline; padding: 3px 4px; cursor: default; text-decoration: none; }
html>body a.lastPg, a.lastPg:visited, a.lastPg:hover { padding: 1px 4px; }

.rowDiv { margin: 20px 25px 30px 15px; }

#prdDiv1 { height: 101px; padding-bottom: 10px; }
.prdDiv { height: 101px; border-top: 1px solid #ccc; padding: 12px 0 10px 0; }
.prdImg { float: left; display: inline; width: 115px; height: 101px; text-align: center; }
.prdImg img { border: 1px solid #ccc; }
html>body #prdDiv1 { padding-bottom: 14px; }
html>body .prdDiv { padding: 12px 0 14px 0; }

.prdName { float: right; display: inline; width: 396px; height: 101px; padding-top: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.prdSKU { color: #999; font-family: arial; font-size: 10px; font-weight: bold; }
.prdTxt { width: 380px; height: 40px; padding: 10px 0; }
.prdInfo { border: 1px solid #ccc; }
.prdInfo2 { border: 1px solid #ff6600; background: #ffffcc; }
.prdInfo, .prdInfo2 { width: 300px; padding: 1px 0 1px 5px; font-family: Arial, Helvetica, sans-serif; }
.prdPrice { float: left; width: 148px; font-weight: bold; font-size: 12px; }
.prdProd { float: right; width: 135px; font-weight: bold; }
html>body .prdTxt { height: 27px; }

.vaDiv { float: left; width: 160px; }
.vaImg { text-align: center; }
.vaImg img { border: 1px solid #ccc; }
.vaTitle { height: 65px; margin: 5px 10px 0 15px; }
.vaPrice { border: 1px solid #ccc; }
.vaPrice2 { background: #ffffcc; border: 1px solid #ff6600; }
.vaPrice, .vaPrice2 { width: 130px; margin-left: 15px; padding: 2px 0; font-size: 13px; font-weight: bold; text-align: center; }
.vaProd { margin: 3px 0 0 18px; font-weight: bold; }
.vaSKU { margin-left: 18px; font-weight: bold; }
.vaClear { clear: both; height: 27px; }

.qviewDiv { position: absolute; margin: 80px 0 0 -94px; padding-left: 0; z-index: 150; }
html>body .qviewDiv { margin: 80px 0 0 31px; }

.qviewDiv2 { position: absolute; margin: 80px 0 0 48px; padding-left: 0; z-index: 150; }
html>body .qviewDiv2 { margin: 80px 0 0 48px; }