
body { height: 100%; margin: 0; padding: 0; background-color: #534741; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; z-index: 10; }

#container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }
#contentBg { position: absolute; left: 50%; width: 814px; background: #fff url("http://www.sharperbrand.com/images/new3/background_tile.gif") repeat-y; margin-left: -407px; text-align: left; }
#content { width: 750px; background: #fff; padding-top: 16px; margin-left: 32px; text-align: left; }

form { margin: 0; padding: 0; }

/* ----- Top Nav ----- */
#topNavDiv { width: 749px; background-color: #fff; border: 2px solid #999; padding: 1px; }
#topNav { width: 744px; height: 95px; background: #442934 url("http://www.sharperbrand.com/images/new3/top_nav/header_tile2.gif") repeat-x; }
#sbLogo { float: left; width: 70px; padding: 19px 0 0 6px; }
#sbName { float: left; width: 338px; padding-top: 24px; }
h1#sbTag, h2#sbTag { position: relative; top: -2px; color: #bba19d; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
html>body #topNavDiv { width: 744px; }
html>body #sbLogo { width: 64px; }

#sbInfo { float: left; width: 170px; text-align: center; }
#sbPhone { color: #fff; letter-spacing: 1px; padding-top: 19px; font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; }
#sbHours { color: #f57f20; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
#sbExperts { color: #bba19d; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

#nvlDiv { float: left; width: 10px; padding: 5px 0 0 5px; }
#nvl { border-left: 1px solid #bba19d; height: 85px; }
html>body #nvDiv { width: 5px; }

#navContactDiv { float: right; width: 155px; padding-top: 10px; }
#navAssist { color: #fff; padding-left: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }
#navAssist a:link, #navAssist a:visited { color: #fff; text-decoration: none; }
#navAssist a:hover { color: #fff; text-decoration: underline; }
html>body #navContactDiv { width: 151px; }
html>body #navAssist { padding-left: 0; }

/*#chatIcon { position: relative; top: 3px; left: 43px; width: 59px; height: 50px; }*/
#chatIcon { width: 152px; margin-top: 7px; text-align: center; }
html>body #chatIcon { width: 144px; }

#navBarDiv { width: 744px; height: 26px; background: #63525a url("http://www.sharperbrand.com/images/new3/top_nav/nav_tile.gif") repeat-x; margin-top: 1px; }
#navSearch { float: left; width: 210px; padding: 0 0 0 6px; }
#navSearch form { margin: 0; padding: 0; }
#navSearch #searchTxt { float: left; width: 170px; height: 20px; line-height: 19px; background: #fff url("http://www.sharperbrand.com/images/new3/top_nav/round_corner.gif") no-repeat; color: #666; border: none; margin: 3px 0 0 0; padding: 0 0 0 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#navSearch #searchButton { position: relative; top: 3px; float: left; width: 24px; height: 20px; }
html>body #navSearch #searchTxt { margin: 3px 3px 0 0; padding: 3px 0 0 5px; }
html>body #navSearch { width: 206px; }

#navCartDiv { float: right; width: 142px; }
#navCart { margin-right: 5px; padding: 0; }
#navCart form { margin: 0; padding: 0; }
#navCart #navCartTxt { float: left; width: 110px; height: 20px; line-height: 19px; background: #fff url("http://www.sharperbrand.com/images/new3/top_nav/round_corner.gif") no-repeat; color: #666; border: none; margin-top: 3px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; }
/*#navCartCheck { float: left; width: 110px; height: 20px; background: #fff url("images/new3/top_nav/round_corner.gif") no-repeat; color: #666; padding: 0 0 0 5px; text-align: left; }*/
#navCartView { position: relative; top: 2px; float: left; width: 24px; padding-left: 3px; }
html>body #navCart #navCartTxt { padding: 3px 0 0 5px; }
/*html>body #navCartCheck { height: 16px; }*/
html>body #navCartView { width: 21px; }

/* ----- Top Nav Links ----- */
#dropNav { float: left; width: 390px; height: 26px; }
#dropNav ul { margin: 0 0 0 15px; padding: 0; list-style-type: none; }
#dropNav ul li { display: inline; margin: 0; padding: 0; }
#dropNav ul li a { float: left; color: #fff; padding: 3px 16px 5px 16px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; text-decoration: none; }
#dropNav ul li a:hover { color: #ff6600; text-decoration: none; }

html>body #dropNav { width: 385px; }
html>body #dropNav ul li a { padding: 2px 16px 5px 16px; }

#csMenu ul { position: absolute; top: 141px; left: 357px; width: 142px; background: #695961; margin: 0; padding: 0; list-style-type: none; z-index: 50; }
#csMenu ul li { display: block; margin: 0; padding: 0; }
#csMenu ul li a { display: block; width: 140px; color: #fff; border: 1px solid #999; border-bottom: none; margin: 0 0 0 1px; padding: 2px 0 2px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; }
#csMenu ul li a:hover { background: #fff; color: #ff6600; text-decoration: none; }

html>body #csMenu ul { left: 359px; width: 141px; }
html>body #csMenu ul li a { width: 132px; margin: 0 1px; }

/* ----- Quick Guide ----- */
#quickGuideDiv { border: 2px solid #999; margin-top: 3px; padding: 1px 1px 0 1px; }
#quickGuide { width: 744px; height: 130px; background: #000 url("http://www.sharperbrand.com/images/new3/quick_guide_bg.gif") repeat-x; }
#quickGuideHolder { margin-left: 14px; padding-top: 15px; }

#quickLinks ul { width: 710px; margin: 4px 0 0 6px; padding: 0; list-style-type: none; }
#quickLinks li#qlc1 { width: 145px; }
#quickLinks li#qlc2 { width: 150px; }
#quickLinks li#qlc3 { width: 125px; }
#quickLinks li#qlc4 { width: 130px; }
#quickLinks li#qlc5 { width: 150px; }
#quickLinks li#qlc1, #quickLinks li#qlc2, #quickLinks li#qlc3, #quickLinks li#qlc4, #quickLinks li#qlc5 { float: left; height: 65px; color: #fff; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }

#quickLinks li ul.quickLinks2 { margin: 0; padding: 0; list-style-type: none; }
#quickLinks li ul.quickLinks2 li { line-height: 13px; margin: 0; padding: 0; color: #bba19d; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
#quickLinks li ul.quickLinks2 li a { color: #bba19d; text-decoration: none; }
#quickLinks li ul.quickLinks2 li a:hover { color: #bba19d; text-decoration: underline; }

/* ----- Footer ----- */
#footerDiv { width: 744px; height: 73px; background-color: #fff; padding: 1px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
html>body #footerDiv { padding: 1px 0 0 0; }

#footerTel { float: left; width: 214px; margin: 0 3px 5px 0; text-align: center; }
#footerOrg { float: left; width: 310px; text-align: center; }
#footerCC { float: right; width: 214px; text-align: center; }

.footerBoxTel { padding-top: 4px; }
.footerBox { padding-top: 8px; }
.footerBoxTel, .footerBox { border: 1px solid #CCC; height: 74px; }
html>body .footerBoxTel { height: 66px; }
html>body .footerBox { height: 62px; }

#footerCopy { text-align: right; }
#footer, #footerCopy { width: 749px; color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#footerColL { float: left; width: 350px; }
#footerColR { float: right; width: 397px; text-align: right; }

a.ppLink:link, a.ppLink:visited { color: #000; text-decoration: none; }
a.ppLink:hover, a.ppLink:active { color: #000; text-decoration: none; }

#footerColL a:link { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; }
#footerColL a:visited { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; }
#footerColL a:hover { color: #FF6600; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; }
#footerColL a:active { color: #FF6600; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; }

.borderLeftFF { border-left: 1px solid #FFF; }
.borderTopFF { border-top: 1px solid #FFF; }
.borderTopCC { border-top: 1px solid #CCC; }
.noBorder { border-bottom: none; }

.telColL { float: left; width: 73px; text-align: right; }
.telColR { float: right; width: 135px; text-align: left; }

/* ----- General Styles ---- */
.clearDiv { clear: both; }
.clearDivHt { clear: both; height: 0; }
.centerTxt { text-align: center; }

.errors { color: #FF0000; font-weight: bold; } 

#mainContentDiv { width: 556px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

.greenTxt { color: #006600; }
.orangeTxt { color: #FF6600; }
.orangeBold { color: #FF6600; font-weight: bold; }
.strikeTxt { text-decoration: line-through; }
.yellowBg { background-color: #FFFFCC; }

.marginTop5 { margin-top: 5px; }
.padBot5 { padding-bottom: 5px; }
.padBot8 { padding-bottom: 8px; }
.padLeft3 { padding-left: 3px; }
.padLeft11 { padding-left: 11px; }
.padTop2 { padding-top: 2px; }
.padTop3 { padding-top: 3px; }
.padTop5 { padding-top: 5px; }
.padTop7 { padding-top: 7px; }

a.sbHome:link, a.sbHome:visited, a.sbHome:hover, a.sbHome:active { color: #bba19d; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }

#addr { float: left; margin-top: 5px; }
#techno { float: right; color: #e0e0e0; text-align: right; }
