body { font-family: Arial, helvetica, sans-serif; }

h1#sbHdr { position: absolute; top: 2px; left: 221px; margin: 0; padding: 0; font-size: 9px; }

/* ----- Gallery Images ----- */
/*#featureDiv { width: 750px; height: 254px; border-left: 2px solid #999; border-right: 2px solid #999; margin-top: 1px; overflow: hidden; }*/
#featureDiv { width: 750px; height: 254px; border-left: 2px solid #999; border-right: 2px solid #999; margin-top: 1px; }
#featureDiv img { margin: 1px 0 1px 1px; }
html>body #featureDiv { width: 746px; margin: 0; }

#featureMenu { position: absolute; top: 356px; left: 101px; z-index: 30; }
#featureMenu a { height: 15px; border: 1px solid #ccc; background: #fff; color: #ff6600; margin-right: 5px; padding: 0 4px; text-align: center; text-decoration: none; }
#featureMenu a.activeSlide { background: #ff6600; color: #fff }
#featureMenu a:focus { outline: none; }
html>body #featureMenu a { padding: 0 4px; }

/* ----- Register ----- */
#registerDiv { width: 747px; border: 2px solid #999; border-bottom: none; padding: 1px 1px 0 1px; }
html>body #registerDiv { width: 744px; }

#registerContent { width: 744px; height: 65px; background-color: #000; }
#registerField { float: left; width: 260px; padding: 10px 0 0 12px; }
#registerField form { margin: 5px 0 0 0; padding: 0; }
#registerField #regEmail { width: 200px; height: 20px; background-color: #412B37; color: #fff; border: 1px solid #fff; margin-right: 3px; padding-left: 2px; }
#registerField #regButton { width: 21px; height: 21px; vertical-align: bottom; }

html>body #registerContent { width: 744px; }
html>body #registerField { width: 248px; }

#regVLineDiv { float: left; width: 10px; padding: 10px 0 0 7px; }
#regVLine { border-left: 1px solid #bba19d; height: 50px; }
html>body #regVLineDiv { width: 3px; }

#registerTxtDiv { float: left; width: 270px; color: #bba19d; font-size: 11px; font-weight: bold; line-height: 13px; }
#registerTxt { padding: 15px 0 0 17px; }

#registerBenefits { float: right; width: 204px; color: #fff; padding: 13px 0 0 5px; font-weight: bold; font-size: 11px; }
#registerBenefits img { vertical-align: middle; }
html>body #registerBenefits { width: 198px; }

.orangeFree { color: #f57f20; }

/* ----- Tab Content ----- */
#contentHolder { width: 746px; background-color: #000; border: 2px solid #999; border-top: none; }
#contentDiv { padding: 3px 0 0 4px; }

#tabsDiv { width: 736px; background-color: #fff; }
#tabs { width: 736px; background-color: #000; }
.tabImg { float: left; width: 244px; height: 46px; }

.tabImg a, .tabImg a:visited { width: 244px; height: 46px; color: #666; padding: 25px 0 0 8px; text-decoration: none; }
.tabImg a:hover { color: #666; text-decoration: none; }
html>body .tabImg a, html>body .tabImg a:visited { display: block; width: 234px; height: 21px; }

#tb1 { background: #ebebeb url("http://www.sharperbrand.com/images/new3/home/categories_on.gif") no-repeat; }
#tb2 { background: #ebebeb url("http://www.sharperbrand.com/images/new3/home/cobranding_off.gif") no-repeat; margin: 0 2px; }
#tb3 { background: #ebebeb url("http://www.sharperbrand.com/images/new3/home/discover_off.gif") no-repeat; }
#tb2 a.tabz2 { position: relative; top: 0; left: 2px; }

#tabContent { width: 736px; background: #fff; border: 2px solid #ccc; border-top: none; padding-bottom: 35px; }
html>body #tabContent { width: 732px; }

.infoTab1, .infoTab2, .infoTab3 { width: 732px; background-color: #fff; padding-left: 9px; z-index: 10; }
html>body .infoTab1, html>body .infoTab2, html>body .infoTab3 { width: 723px; display: block; }

.tabC1 { float: left; width: 200px; padding-left: 10px; }
.tabC2 { float: right; width: 470px; margin: 10px 5px 0 0; }
.tabFeature { width: 470px; height: 184px; }
.tabProducts { width: 470px; margin-top: 17px; }
html>body .tabC2 { width: 470px; margin: 10px 10px 0 0; }
html>body .tabFeature { width: 462px; }

.tabC1 ul { margin: 0; padding: 10px 0 0 0; list-style: none; }
.tabC1 li { margin: 0; padding: 1px 0; background-color: #fff; border-bottom: 1px solid #ccc; font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.tabC1 li a { display: block; width: 200px; height: 29px; color: #000; padding: 7px 0 0 60px; text-decoration: none; }
.tabC1 li a:hover { color: #cc0000; text-decoration: none; }
html>body .tabC1 li a { width: 140px; height: 22px; }

#tab1C1, #tab2C1 { margin: 10px 0 0 3px; }
#tab3C1 { margin: 10px 0 0 5px; }
#tab1C1, #tab2C1, #tab3C1 { float: left; width: 200px; }
html>body #tab1C1, html>body #tab2C1, html>body #tab3C1 { margin-left: 10px; }

.cn, .bn, .cln { clear: both; width: 200px; height: 29px; border-bottom: 1px solid #ccc; padding: 1px 0}

.ci { float: left; width: 27px; height: 28px; padding-left: 5px; }
.ci img { border: 1px solid #ccc; }
.ct a:link, .ct a:visited { width: 147px; margin-left: 16px; padding: 7px 0 0 6px; }
.ct a:hover, .ct a:active { background: #ff6600; color: #fff; }
.ct a:link, .ct a:visited, .bnd a:link, .bnd a:visited, .clt a:link, .clt a:visited { height: 29px; color: #333; font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; }
.ct a:hover, .ct a:active, .bnd a:hover, .bnd a:active, .clt a:hover, .clt a:active { height: 29px; color: #fff; text-decoration: none; }

html>body .ct a:link, html>body .ct a:visited { display: block; float: left; width: 141px; height: 22px; margin-left: 21px; }
html>body .ct a:hover, html>body .ct a:active { height: 22px; }

.bi, .cli { float: left; width: 49px; height: 27px; margin-top: 1px; padding-left: 3px; }
html>body .bi { padding-left: 5px; }
html>body .cli { padding-left: 2px; }

.bnd a:link, .bnd a:visited, .clt a:link, .clt a:visited { width: 145px; padding: 7px 0 0 6px; }
.bnd a:hover, .bnd a:active { background: #cc0000; }

.clt a:hover, .clt a:active { background: #448ccb; }

html>body .bnd a:link, html>body .bnd a:visited { display: block; float: left; width: 136px; height: 22px; margin-left: 3px; }
html>body .clt a:link, html>body .clt a:visited { display: block; float: left; width: 140px; height: 22px; margin-left: 3px; }
html>body .bnd a:hover, html>body .bnd a:active, html>body .clt a:hover, html>body .clt a:active { height: 22px; }

.featureProduct { float: left; width: 133px; color: #ff6600; font-family: Arial, helvetica, sans-serif; font-size: 11px; }
.featureImg { padding: 15px 0 0 15px; }
.featureImgBrand { padding: 29px 0 0 15px; }
.featureImg, .featureImgBrand { height: 131px; border: 1px solid #ccc; }
.featureItem { padding-top: 2px; }
.featurePrice { font-size: 20px; font-weight: bold; }
html>body .featureImg { height: 114px; }
html>body .featureImgBrand { height: 100px; }

a.featureLink, a.featureLink:visited { color: #333; font-size: 11px; font-weight: bold; text-decoration: underline; }
a.featureLink:hover { color: #ff6600; text-decoration: none; }

.featureLinkTxt { color: #333; font-size: 11px; font-weight: bold; }

.featureLine { width: 468px; border-top: 1px solid #999; margin: 37px 0 25px 0; }
.featureInfo { width: 468px; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 11px; }

.featureInfo p { margin: 10px 0; padding: 0; }
.featureInfo h2, .featureInfo h3 { color: #000; margin: 0; padding: 0; font-family: Arial, helvetica, sans-serif; font-size: 12px; }

.featureInfo a, .featureInfo a:visited { color: #333; text-decoration: underline; }
.featureInfo a:hover, .featureInfo a:active { color: #ff6600; text-decoration: none; }

/* ----- Information Boxes  in Discover Tab ----- */
#addInfo { width: 161px; margin: 27px 0 0 19px; }
html>body #addInfo { width: 137px; }

.infoBoxDiv { width: 161px; border: 1px solid #999; padding: 1px; }
.infoBox a { display: block; width: 159px; background: #e5e5e5 url(http://www.sharperbrand.com/images/spacer.gif) no-repeat 3px 5px; color: #333; border-top: 1px solid #fff; padding: 3px 0 3px 15px; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; text-align: left; text-decoration: none; }
.infoBox a:hover { background: #448ccb url("http://www.sharperbrand.com/images/left_nav/arrow_blue.gif") no-repeat 3px 5px; color: #fff; }
html>body .infoBoxDiv { width: 159px; }
html>body .infoBox a { width: 144px; }

#footerDiv { height: 72px; padding: 1px 0 0 0; }

.gray33 { color: #333; }

.clearTab { clear: both; height: 1px; line-height: 1px; }
.clearContent { clear: both; height: 10px; }
html>body .clearContent { height: 13px; }