/* Styles for the Tip Div */
#breadCrumbLine { width: 565px; border-top: 1px solid #CCC; line-height: 1px; }

#tipTxt { display: none; width: 565px; background-color: #FFFFDD; color: #333; padding: 10px 33px 10px 10px; border-right: 1px solid #D6D6AD; border-left: 1px solid #D6D6AD; }
#moreCatDiv { width: 565px; color: #333; }
#moreCatTxt { padding: 5px 0 3px 0; background-color: #FFFFDD; border-right: 1px solid #D6D6AD; border-left: 1px solid #D6D6AD; font-size: 11px; }
#moreCatCurve { clear: both; position: relative; top: -6px; left: 0; width: 565px; height: 9px; }
#tipIconDiv { position: absolute; top: 180px; left: 720px; cursor: pointer; z-index: 50; }

.moreCatPad { padding-left: 10px; }

html>body #tipTxt { width: 513px; padding: 10px 40px 10px 10px; }
html>body #moreCatCurve { top: -3px; }

#moreCatTxt a:link, #moreCatTxt a:visited { color: #333; text-decoration: underline; }
#moreCatTxt a:hover, #moreCatTxt a:active { color: #FF6600; text-decoration: underline; }

/* Styles for the Sort List */
#sortListDiv { width: 100%; height: 38px; }
html>body #sortListDiv { height: 37px; }
#sortListDiv2 { width: 100%; height: 31px; }
#sortListHolder { padding-top: 6px; }
#sortListHolder2 { height: 20px; }
#sortListHolder, #sortListHolder2 { width: 100%; margin: 1px; }
#sortListTxt, #sortListTxt2 { float: left; width: 57px; padding: 3px 0 0 9px; }
#sortListSelect, #sortListSelect2 { float: left; width: 190px; vertical-align: top; }
#sortListSelect form, #sortListSelect2 form { margin: 0; padding: 0; }
html>body #sortListTxt, html>body #sortListTxt2 { float: left; width: 50px; }

#sortListHolder h3 { font-size: 18px; font-weight: bold; }

#sortListTxt, #sortListTxt2, #sortListSelect, #sortListSelect2 { display: block; color: #666666; }
#sortListSelect3 { float: left; width: 200px; }
#sortListSelect4 { float: left; width: 181px; }
#sortListSelect3, #sortListSelect4 { display: none; height: 19px; padding: 0 0 6px 9px; }

Select.sortListForm { width: 150px; font-size: 11px; }
.sortButton { width: 18px; height: 18px; vertical-align: middle; padding-bottom: 4px; border: 0; }
.sortButton2 { width: 27px; height: 17px; vertical-align: top; border: 0; }

#viewButton, #viewButton2 { float: left; width: 90px; height: 17px; }
#pageNumDiv, #pageNumDiv2 { float: right; width: 300px; padding-right: 15px; color: #666666; text-align: right; }
/*#pageNumDiv, #pageNumDiv2 { float: right; width: 195px; padding-right: 15px; color: #666666; text-align: right; } */
.pageBracket { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
#pageCurrent, #pageCurrent2 { color: #FF6600; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }

.qviewDiv { position: absolute; margin-top: 84px; padding-left: 30px; z-index: 150; }

.rowDiv { margin-left: 1px; }
.prodC1 { float: left; width: 140px; }
.prodC2, .prodC3 { float: left; width: 140px; }
.prodC4 { float: right; width: 140px; padding-bottom: 3px; }
.prodC1, .prodC2, .prodC3 { padding-bottom: 3px; border-right: 1px solid #CCC; }
html>body .prodC1, html>body .prodC2, html>body .prodC3, html>body .prodC4 { padding-bottom: 6px; }
.ht338 { height: 338px; }
.noBorder { border-right: none; }

/*.prodContainer { border-right: 1px solid #CCCCCC; } */
/*.prodContainer, .prodContainer4 { width: 127px; margin-left: 13px; }*/
.prodContainer { width: 131px; margin-left: 9px; }
.prodContainer4 { width: 131px; margin-left: 7px; }

/*.prodImg { display: block; width: 127px; height: 112px; text-align: center; }*/
.prodImg { display: block; width: 120px; height: 112px; text-align: center; }
.prodName { height: 36px; padding-top: 5px; }
.prodTitle { width: 127px; height: 59px; display: block; }
.prodTitle2 { display: none; }
.prodBlurb { width: 125px; height: 95px; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.prodNoBlurb { height: 10px; }
.prodPrice { padding-right: 12px; font-size: 12px; font-weight: bold; text-align: right; }
.prodPrice4 { padding-right: 10px; font-size: 12px; font-weight: bold; text-align: right; }
.detailView { margin: 7px 0 3px 0; text-align: center; }
html>body .detailView { margin: 7px 0 3px 0; }
.prodSpacer { height: 22px; }
.prodSpacer2 { height: 206px; line-height: 206px; }
.prodSpacer3 { height: 235px; line-height: 235px; }

/* Detail View + Pricing Box */
.priceDiv, .detailViewDiv { margin: 0 5px; width: 129px; }
.priceDivBox { border: 1px solid #999; border-bottom: none; }
.priceDivBox2 { border: 1px solid #006600; border-bottom: none; }
html>body .priceDiv, html>body .detailViewDiv { margin: 0 5px; width: 130px; }

.priceBox { border: 1px solid #FFF; }
.regPrice { padding: 12px 0 5px 2px; }
.salePrice { padding: 5px 2px; }
.regPrice, .salePrice { width: 125px; height: 41px; margin: 0 1px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; font-size: 12px; font-weight: bold; text-align: center; }
html>body .regPrice { width: 125px; height: 23px; }
html>body .salePrice { width: 123px; height: 31px; }

.priceNB { width: 123px; border: none; }
.prodTime { padding: 2px 0 3px 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-align: center; }

.detailViewBox { border: 1px solid #999; height: 20px; }
.detailViewBox2 { border: 1px solid #006600; height: 20px; }
html>body .detailViewBox, html>body .detailViewBox2 { height: 18px; }

.detailDivL, .detailDivL2 { float: left; width: 102px; }
.detailDivL ul, .detailDivL2 ul { margin: 0; padding: 0; list-style-type: none }
.detailDivL a, .detailDivL2 a { display: block; height: 16px; width: 103px; background-color: #999; margin: 1px 0 0 1px; padding-top: 1px; text-align: center; }
.detailDivL li a:link, .detailDivL li a:visited { color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none; }
.detailDivL li a:hover { background-color: #FF6600; }
html>body .detailDivL a, .detailDivL2 a { height: 15px; }

.detailDivL2 li a:link, .detailDivL2 li a:visited { background-color: #006600; color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none; }
.detailDivL2 li a:hover { background-color: #FF6600; }

.detailDivR{ float: right; width: 22px; padding-top: 3px; text-align: center; }
/* ------------------------- */

.separator { width: 99%; height: 1px; background: url("http://www.sharperbrand.com/images/dot.gif") repeat-x; margin-left: 8px; padding: 0 0 25px 0; }
html>body .separator { width: 97%; }

/* ----- Sharper Wear link ---- */
#swLinkTxt { margin: 15px 0; font-size: 11px; text-align: center; }
#swLinkTxt a, #swLinkTxt a:visited { color: #666; text-decoration: underline; }
#swLinkTxt a:hover, #swLinkTxt a:active { color: #333; text-decoration: underline; }

/* Quick View container */
.navtext { position: absolute; width: 65px; height: 19px; z-index: 20; }

A.sort:Link { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; }
A.sort:Visited { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; }
A.sort:Hover { color: #FF6600; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; }
A.sort:Active { color: #FF6600; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; }

A.sortArrow:Link { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; }
A.sortArrow:Visited { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; }
A.sortArrow:Hover { color: #FF6600; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; }
A.sortArrow:Active { color: #FF6600; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; }

A.titleLink:Link { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; }
A.titleLink:Visited { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; }
A.titleLink:Hover { color: #FF6600; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; }
A.titleLink:Active { color: #FF6600; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; }