/* ------ Category/Customize Section ------ */

h3 { margin: 0; padding: 0; font-size: 11px; }

#featureProd { height: 242px; }
#featureTxt { position: absolute; top: 230px; left: 390px; width: 300px; font-size: 11px; font-weight: bold; }

#category { background-color: #e7e5e6; padding-top: 3px; }

#cLeft { float: left; width: 331px; }
#cCenter { float: left; width: 200px; }
#cRight { float: right; width: 199px; }

#clContainer { border: 1px solid #fff; border-right: none; }
#clContainer2 { border: 1px solid #fff; }
#clContainer3 { border: 1px solid #fff; border-left: none; }
#appIcon { width: 330px; background-image: url("http://www.sharperwear.com/images/home/apparel_icon.gif"); }
#accIcon { width: 198px; background-image: url("http://www.sharperwear.com/images/home/accessories_icon.gif"); }
#brandIcon { width: 198px; background-image: url("http://www.sharperwear.com/images/home/brands_icon.gif"); }
#appIcon, #accIcon, #brandIcon { height: 53px; background-color: #000; background-position: 5px 10px; background-repeat: no-repeat; border-bottom: 1px solid #fff; }

.colBg { height: 210px; background: url("http://www.sharperwear.com/images/home/category_bg.gif") repeat-x; }

.catCol { float: left; width: 155px; }
.catCol, .catCol2 { padding: 10px 0 0 5px; }

.catRow { clear: both; width: 155px; height: 24px; border-bottom: 1px solid #999; }
.catIcon { float: left; width: 25px; padding: 1px 0 1px 4px; margin: 2px 0 }
.catName { float: left; width: 130px; padding: 0 0 0 6px; text-align: left; }
html>body .catRow { height: 23px; }
html>body .catIcon { width: 21px; }
html>body .catName { width: 124px; }

.catName a:link, .catName a:visited { display: block; width: 120px; color: #000; padding: 4px 0 4px 3px; margin-top: 2px; font-family: Arial; text-decoration: none; }
.catName a:hover { display: block; width: 120px; background: #0099ff; color: #fff; padding: 4px 0 4px 3px; margin-top: 2px; font-family: Arial; text-decoration: none; }
html>body .catIcon { margin: 0 0 3px 0; }
html>body .catName a:link, html>body .catName a:visited { padding: 2px 0 3px 3px; }

/*
#moreLinks { background-position: 308px 5px; }
.moreLinks2 { background-position: 176px 5px; }
#moreLinks, .moreLinks2 { height: 27px; background: #000 url("http://www.sharperwear.com/images/home/arrow2_icon.gif") no-repeat; border-top: 1px solid #fff; color: #fff; padding-top: 6px; text-align: right; }
html>body #moreLinks, html>body .moreLinks2 { height: 21px; }
*/

#customCol { width: 331px; }
#customCol2 { width: 200px; }
#customCol3 { width: 199px; }
#customCol, #customCol2, #customCol3 { height: 53px; background: url("http://www.sharperwear.com/images/home/customize_hdr_bg.gif") repeat-x; border-top: 1px solid #ccc; }

#customHdr { width: 331px; background-image: url("http://www.sharperwear.com/images/home/get_started.gif"); border-top: 1px solid #e7e5e6; }
#customHdr2 { width: 200px; background-image: url("http://www.sharperwear.com/images/home/our_work.gif"); border: 1px solid #e7e5e6; border-bottom: none; }
#customHdr3 { width: 199px; background-image: url("http://www.sharperwear.com/images/home/customize_it.gif"); border-top: 1px solid #e7e5e6; }
#customHdr, #customHdr2, #customHdr3 { height: 53px; background-position: 5px 8px; background-repeat: no-repeat; }
html>body #customHdr2 { width: 198px; }

.customSubHdr { position: relative; top: 33px; left: 40px; color: #000; font-size: 12px; }

#contentC1 { width: 331px; border-top: 1px solid #fff; padding-top: 10px; }
#contentC2 { width: 200px; border: 1px solid #fff; border-bottom: none; }
#contentC3 { width: 199px; border-top: 1px solid #fff; }
#contentC1, #contentC2, #contentC3 { height: 300px; background: #fff url("http://www.sharperwear.com/images/home/customize_bg.gif") repeat-x; }
html>body #contentC1 { height: 289px; }
html>body #contentC2 { width: 198px; height: 299px; }
html>body #contentC3 { height: 299px; }

.customCL { float: left; width: 30px; height: 25px; text-align: right; }
.customCC { float: left; width: 180px; padding-left: 7px; line-height: 12px; }
.customCR1 { padding: 7px 0 0 10px; }
.customCR1, .customCR { float: right; width: 121px; }
.customSpacer { clear: both; height: 14px; }
html>body .customCC { width: 173px; }
html>body .customCR1 { width: 111px; }

.clw { width: 330px; }
.ccw { width: 198px; }
.crw { width: 198px; }

.mlinks { height: 27px; background: #000; border-top: 1px solid #fff; padding-top: 1px; text-align: right; }
html>body .mlinks { height: 25px; }

.mlinks a:link, .mlinks a:visited { color: #fff; font-size: 11px; text-decoration: none; }
.mlinks a:hover { color: #fff; text-decoration: underline; }
.mlinks img { position: relative; top: 4px; left: 0; }

.deptTxt { left: 40px; }
.deptTxt2 { left: 43px; }
.deptTxt, .deptTxt2 { position: relative; top: 34px; color: #fff; font-size: 12px; }

.catLine2 { clear: both; width: 187px; height: 24px; border-bottom: 1px solid #999; }
html>body .catLine2 { height: 23px; }

.contentRow { padding: 10px 14px 0 9px; }
.contentLH { line-height: 12px; }

.padR28 { padding-right: 28px; }
.padR30 { padding-right: 30px; }

.graySpace { height: 9px; line-height: 9px; background-color: #e7e5e6; }

/* ------ Category/Customize Section ------ */