body { margin: 0; padding: 0; background: #333 url("http://www.sharperwear.com/images/bg.gif") repeat; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

#container { position: absolute; top: 10px; left: 0; width: 100%; text-align: center; }
#content { position: absolute; left: 50%; width: 750px; margin-left: -375px; padding-bottom: 20px; text-align: left; }
#contentBox { background-color: #fff; border: 10px solid #e7e5e6; }
#contentData { width: 730px; }

/* ------ Start Top Nav styles  ------ */
#topNavDiv { width: 730px; height: 133px; background: #000 url("http://www.sharperwear.com/images/top_nav/top_nav_tile.gif") repeat-x; }
#logoDiv { float: left; width: 320px; height: 54px; padding-top: 7px; z-index: 10; }
#logo { position: absolute; top: 19px; left: 10px; z-index: 10; }
#logoShadow { position: absolute; top: 28px; left: 13px; width: 321px; height: 49px; background-color: #000; z-index: 1; }

#topSpacer { float: left; width: 200px; }
#contactDiv { float: right; width: 210px; padding-top: 8px; }
#csAcct { color: #fff; font-weight: bold; }
#phoneDiv { width: 196px; height: 45px; background: url("http://www.sharperwear.com/images/top_nav/phone_bg.gif") no-repeat; margin-top: 5px; text-align: left; }
#phoneNum { color: #0099ff; padding-left: 10px; font-size: 24px; font-weight: bold; letter-spacing: 1px; }
#phoneTxt { position: relative; top: -4px; left: 0; color: #fff; padding-left: 14px; font-size: 10px; }

#searchDiv { position: relative; top: -3px; left: 0; width: 720px; height: 32px; background: url("http://www.sharperwear.com/images/top_nav/search_tile.gif") repeat-x; border-top: 1px solid #363636; margin-left: 5px; }

#searchContent { width: 720px; margin-top: 5px; }
#searchForm { float: left; width: 330px; height: 24px; padding-left: 13px; }
#searchForm #searchTerm { position: relative; top: -5px; left: -1px; width: 230px; height: 21px; border: 1px solid #ccc; padding-left: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
#searchButton { width: 73px; height: 24px; margin-left: 2px; }
html>body #searchForm { width: 317px; }
html>body #searchForm #searchTerm { top: -8px; }

#cartDiv { float: right; width: 390px; }
#cartFld { float: left; width: 287px; padding-top: 1px; text-align: right; }
#cartTxt { position: relative; top: 1px; left: 0px; width: 93px; height: 21px; background-color: #fff; color: #999; border: 1px solid #ccc; padding: 1px 3px 0 0; font-size: 13px; }
#cartButton { float: right; width: 103px; padding-right: 5px; text-align: right; }
html>body #cartTxt { top: 0px; left: 188px; height: 18px; }
html>body #cartButton { width: 98px; }

a#cs:link, a#cs:visited { color: #fff; text-decoration: none; }
a#cs:hover, a#cs:active { color: #0099ff; text-decoration: none; }

a#act:link, a#act:visited { color: #0099ff; text-decoration: none; }
a#act:hover, a#act:active { color: #fff; text-decoration: none; }
/* ------ End Top Nav styles ------ */

#mainContent { background: #fff; }

/* ------ Start Quick Guide styles ------ */
#guideDiv { width: 730px; border-top: 2px solid #e7e5e6; border-bottom: 2px solid #e7e5e6; }
#guideTxt { width: 730px; height: 41px; background: #000 url("http://www.sharperwear.com/images/guide/quick_guide.gif") no-repeat 13px 10px; border-bottom: 1px solid #e7e5e6; color: #fff; padding: 15px 10px 0 0; font-size: 12px; text-align: right; }
#guideLinks { width: 730px; height: 125px; background: url("http://www.sharperwear.com/images/guide/quick_guide_tile.gif") repeat-x; color: #fff; padding: 12px 0 0 35px; }
html>body #guideTxt { width: 720px; height: 25px; }
html>body #guideLinks { width: 695px; height: 113px; }

#guideLink1 { float: left; width: 145px; }
#guideLink2 { float: left; width: 136px; }
#guideLink3 { float: left; width: 143px; }
#guideLink4 { float: left; width: 123px; }
#guideLink5 { float: left; width: 133px; }

.guideHdr { padding-bottom: 2px; font-weight: bold; }
ul.guideLinks { margin: 0; padding: 0; list-style-type: none; }
ul.guidelinks li { margin: 0; padding: 0; }
ul.guideLinks li a, ul.guideLinks li a:visited { display: block; width: 120px; color: #fff; font-size: 11px; text-decoration: underline; }
ul.guideLinks li a:hover, ul.guideLinks li a:active { display: block; width: 120px; background-color: #fff; color: #000; text-decoration: none; }
/* ------ End Quick Guide styles ------ */

/* ------ Start Footer Links styles ------ */
#footerDiv { width: 730px; height: 75px; background-color: #fff; }
#footerC1 { float: left; width: 189px; color: #999; }
#footerC2 {float: left; width: 315px; text-align: center; }
#footerC3 { float: left; width: 210px; padding-right: 5px; }

#footerC1Holder { padding: 8px 0 0 0; }
#footerPhone1 { float: left; width: 83px; text-align: right; }
#footerPhone2 { float: right; width: 103px; }
#footerInfo { margin-top: 3px; text-align: center; }
html>body #footerPhone1 { width: 82px; }
html>body #footerPhone2 { width: 103px; }

#industryTxt { padding: 8px 0 5px 0; }
#ccTxt { padding: 8px 0 4px 20px; }
#industryTxt, #ccTxt { color: #999; font-weight: bold; }
#cc { padding-left: 31px; }

#copyright { width: 750px; color: #fff; padding: 5px 0 0 0; text-align: right; }

.boldTxt { color: #666; font-weight: bold; }
.footerLine { float: left; width: 1px; height: 58px; border-left: 1px solid #ccc; margin-top: 8px; }
/* ------ End Footer Links styles ------ */

.clearDiv { clear: both; }
.clearDiv2 { clear: both; height: 0; }
.clear8 { clear: both; height: 8px; }
.clear14 { clear: both; height: 14px; }
.clear18 { clear: both; height: 18px; }

.redTxt { color: #ff0000; }