﻿html { overflow-y: scroll; }
wbr:after { content: "\00200B" }

/* Structure CSS only */
body {margin: 0px; padding: 0px; text-align: center; font-size: 12px; font-family: Helvetica, Arial, Sans-Serif; background: url(../Images/Graphics/bgDefault.jpg) repeat;}
.Work {background: url(../Images/Graphics/bgWork.jpg) repeat;}
.Sport {background: url(../Images/Graphics/bgSport.jpg) repeat;}
.Snowsport {background: url(../Images/Graphics/bgSnowsport.jpg) repeat;}
.Outdoor {background: url(../Images/Graphics/bgOutdoor.jpg) repeat;}
.Health {background: url(../Images/Graphics/bgHealth.jpg) repeat;}

#imgCache { position: absolute; left: -8000px; top: -8000px; }
#imgCache img { display:block; }
 
.headerDiv {margin-bottom: 15px; width: 100%; float: left;}
.headerDiv .left {padding-left: 13px; float: left; font-size: 15px; font-weight: bold;}
.headerDiv .right {padding-right: 13px; float: right; font-weight: bold;}
.headerDiv .right a:hover {color: Red;}

a:disabled {color:Gray;}
#wrapper {margin: 0px auto; padding: 20px 0px 10px 0px; width: 850px; text-align: left;}
.print #printWrapper {margin: 10px auto; width: 557px; text-align: left;}
.containerDiv {width: 820px; height: 500px;}
.clear {clear: both; overflow: hidden; height: 0px; font-size: 0px; line-height: 0px; background: none; border: 0px; margin: 0px; padding: 0px;}

a {text-decoration: none;}
a:hover {text-decoration: underline;}
#Home .mainContent, #Home .mainContentAdjustableHeight {padding: 0px;}
.mainContent {background-color: #ffffff; min-height: 450px; height: auto !important; height: 450px; padding: 10px;}
.mainContentAdjustableHeight {background-color: #ffffff; padding: 10px;}
#CategoryLanding, #ProductDetails {}
.thinSeparator,
.thickSeparator {width: 100%; height: 0px; line-height: 0px; float: left;}
.thinSeparator {border-bottom: none; border-top: 1px solid #916041;}
.thickSeparator {border-top: none; border-bottom: 3px solid #916041;}
.textbox,
.textarea,
.dropdownlist,
#SockFinder .textbox,
.wmark {font-family: Arial, Helvetica, Sans-serif; margin: 0px; padding: 5px; padding-left: 10px; background-color: #ffffff; color: #916041; font-size: 11px; border: 1px solid #C8AFA0;}
.wmark {color: #C8AFA0;}
#FindARetailer .wmark, #UCFindARetailer .wmark {color: #916041;}
textarea {font-family: Arial, Helvetica, Sans-Serif;}
#UCFindARetailer .wmark {width: 287px; border: none;}
#SockFinder a {color: #916041;}
#SockFinder .wmark {width: 220px; color: #C8AFA0; border: none;}
#ProductDetails .wmark {border: none; width: 287px;}
.textbox {width: 110px;}
.dropdownlist {width: 170px;}
.Work #UCFindARetailer .dropdownlist,
.Sport #UCFindARetailer .dropdownlist,
.Outdoor #UCFindARetailer .dropdownlist,
.Snowsport #UCFindARetailer .dropdownlist,
.Health #UCFindARetailer .dropdownlist {color: #916041;}


.popupFormError {color:#FF0000; font-size:11px; }
.glossaryTerm { text-decoration:underline; }

.separator {height: 0px; line-height: 0px; margin-bottom:7px; padding-bottom:7px; width: 100%; border-bottom: 1px solid #7F7361;}
.Health .separator {border-bottom: 1px solid #e88023;}
.Outdoor .separator {border-bottom: 1px solid #007891;}
.Snowsport .separator {border-bottom: 1px solid #b83b27;}
.Sport .separator {border-bottom: 1px solid #308C4A;}
.Work .separator {border-bottom: 1px solid #77766F;}


.bottomNav {width: 100%;}
.pagingNav {float: left; font-weight:bold;}
.pagingNav a {margin-right: 10px;}
.topAnchor {float: right;}
.bottomNav a:hover {color: Red;}

#PromoArea, 
#RefineSearch, 
#Placeholder {background-color: #F3EEEC;}
#FeaturedProduct .link, 
#PromoArea .intro .title, 
#PromoArea .intro .content, 
#PromoArea .promo .content .title, 
#PromoArea .promo .link a, 

.topAnchor a, .bottomNav a,
.pagingNav,
.pagingNav a,
#RefineSearch .content .tblSockFinder .sectionTitle,
#SockFinder .tblSockFinder .sectionTitle,
.headerDiv,
.featureDiv .rightDiv .intro {color: #7F7361;}

.Work #PromoArea, 
.Work #Placeholder,
.Work #GetSocks,
.Work .onlinePartner,
.Work .findRetailer {background-color: #fef8d5;}
.Work #RefineSearch {background-color: #F1F1F1;}
.Work #ProductDetails .link a,
.Work #FeaturedProduct .link, 
.Work #PromoArea .intro .title, 
.Work #PromoArea .intro .content, 
.Work #PromoArea .promo .content .title a, 
.Work #PromoArea .promo .link a, 
.Work .topAnchor a, .Work .bottomNav a,
.Work #ProductDetails .productContent,
.Work #GetSocks,
.Work .textbox,
.Work .dropdownlist,
.Work .finePrint a,
.Work .rightDiv a,
.Work .glossaryTerm,
.Work #SockFinder .tblSockFinder .sectionTitle,
.Work #ProductDetails .onlinePartner .rptPartners .partnerName a,
.Work #ProductDetails .divTechnologies a,
.Work #SearchDiv .pagingNav,
.Work #SearchDiv .bottomNav a,
.Work #ProductDetails .mainTab #techGlossaryTerm,
.Work #ProductDetails .mainTab #techGlossaryTerm a,
.Work #ProductDetails .mainTab #techIllustration a {color: #000000;}
.Work #RefineSearch .content .tblSockFinder .sectionTitle {color: #77766f;}
.Work .wmark {color: #000000;}
.Work #SearchDiv .bottomNav a:hover {color: Red;}
.Work #ProductDetails .sizingTab {color: #77766F;}
.Work #ProductDetails .colorName {color: #231F20;}
#Blog #TrailblazerBios #Bios .header .Work {color: #F0CB00;}
.Work #PromoArea .promo .content .title a, 
.Work #PromoArea .promo .link a {color: #77766F;}

.Sport #PromoArea, 
.Sport #RefineSearch, 
.Sport #Placeholder,
.Sport #GetSocks,
.Sport .onlinePartner,
.Sport .findRetailer {background-color: #e6f1e9;}
.Sport #ProductDetails .link a,
.Sport #FeaturedProduct .link, 
.Sport #PromoArea .intro .title, 
.Sport #PromoArea .intro .content, 
.Sport #PromoArea .promo .content .title a, 
.Sport #PromoArea .promo .link a, 
.Sport .topAnchor a, Sport .bottomNav a,
.Sport #ProductDetails .productContent,
.Sport #GetSocks,
.Sport .dropdownlist,
.Sport .textbox,
#Blog #TrailblazerBios #Bios .header .Sport,
.Sport .finePrint a,
.Sport .rightDiv a,
.Sport .glossaryTerm,
.Sport #RefineSearch .content .tblSockFinder .sectionTitle,
.Sport #SockFinder .tblSockFinder .sectionTitle,
.Sport #ProductDetails .onlinePartner .rptPartners .partnerName a,
.Sport #ProductDetails .divTechnologies a,
.Sport #SearchDiv .pagingNav,
.Sport #SearchDiv .bottomNav a,
.Sport #ProductDetails .mainTab #techGlossaryTerm,
.Sport #ProductDetails .mainTab #techGlossaryTerm a,
.Sport #ProductDetails .mainTab #techIllustration a {color: #308C4A;}
.Sport .wmark {color: #308C4A;}
.Sport #SearchDiv .bottomNav a:hover {color: Red;}

.Outdoor #PromoArea, 
.Outdoor #RefineSearch, 
.Outdoor #Placeholder,
.Outdoor #GetSocks,
.Outdoor .onlinePartner,
.Outdoor .findRetailer {background-color: #e6f1f4;}
.Outdoor #ProductDetails .link a,
.Outdoor #FeaturedProduct .link, 
.Outdoor #PromoArea .intro .title, 
.Outdoor #PromoArea .intro .content, 
.Outdoor #PromoArea .promo .content .title a, 
.Outdoor #PromoArea .promo .link a, 
.Outdoor .topAnchor a, .Outdoor .bottomNav a,
.Outdoor #ProductDetails .productContent,
.Outdoor #GetSocks,
.Outdoor .dropdownlist,
.Outdoor .textbox,
#Blog #TrailblazerBios #Bios .header .Outdoor,
.Outdoor .finePrint a,
.Outdoor .rightDiv a,
.Outdoor .glossaryTerm,
.Outdoor #RefineSearch .content .tblSockFinder .sectionTitle,
.Outdoor #SockFinder .tblSockFinder .sectionTitle,
.Outdoor #ProductDetails .onlinePartner .rptPartners .partnerName a,
.Outdoor #ProductDetails .divTechnologies a,
.Outdoor #SearchDiv .pagingNav,
.Outdoor #SearchDiv .bottomNav a,
.Outdoor #ProductDetails .mainTab #techGlossaryTerm,
.Outdoor #ProductDetails .mainTab #techGlossaryTerm a,
.Outdoor #ProductDetails .mainTab #techIllustration a {color: #007891;}
.Outdoor .wmark {color: #007891;}
.Outdoor #SearchDiv .bottomNav a:hover {color: Red;}

.Health #PromoArea, 
.Health #RefineSearch, 
.Health #Placeholder,
.Health #GetSocks,
.Health .onlinePartner,
.Health .findRetailer {background-color: #fcede0;}
.Health #ProductDetails .link a,
.Health #FeaturedProduct .link, 
.Health #PromoArea .intro .title, 
.Health #PromoArea .intro .content, 
.Health #PromoArea .promo .content .title a, 
.Health #PromoArea .promo .link a, 
.Health .topAnchor a, .Health .bottomNav a,
.Health #ProductDetails .productContent,
.Health #GetSocks,
.Health .dropdownlist,
.Health .textbox,
#Blog #TrailblazerBios #Bios .header .Health,
.Health .finePrint a,
.Health .rightDiv a,
.Health .glossaryTerm,
.Health #RefineSearch .content .tblSockFinder .sectionTitle,
.Health #SockFinder .tblSockFinder .sectionTitle,
.Health #ProductDetails .onlinePartner .rptPartners .partnerName a,
.Health #ProductDetails .divTechnologies a,
.Health #SearchDiv .pagingNav,
.Health #SearchDiv .bottomNav a,
.Health #ProductDetails .mainTab #techGlossaryTerm,
.Health #ProductDetails .mainTab #techGlossaryTerm a,
.Health #ProductDetails .mainTab #techIllustration a {color: #e88023;}
.Health .wmark {color: #E88023;}
.Health #SearchDiv .bottomNav a:hover {color: Red;}

.Snowsport #PromoArea, 
.Snowsport #RefineSearch, 
.Snowsport #Placeholder,
.Snowsport #GetSocks,
.Snowsport .onlinePartner,
.Snowsport .findRetailer {background-color: #fae9eb;}
.Snowsport #ProductDetails .link a,
.Snowsport #FeaturedProduct .link, 
.Snowsport #PromoArea .intro .title, 
.Snowsport #PromoArea .intro .content, 
.Snowsport #PromoArea .promo .content .title a, 
.Snowsport #PromoArea .promo .link a, 
.Snowsport .topAnchor a, .Snowsport .bottomNav a,
.Snowsport #ProductDetails .productContent,
.Snowsport #GetSocks,
.Snowsport .dropdownlist,
.Snowsport .textbox,
#Blog #TrailblazerBios #Bios .header .Snowsport,
.Snowsport .finePrint a,
.Snowsport .rightDiv a,
.Snowsport .glossaryTerm,
.Snowsport #RefineSearch .content .tblSockFinder .sectionTitle,
.Snowsport #SockFinder .tblSockFinder .sectionTitle,
.Snowsport #ProductDetails .onlinePartner .rptPartners .partnerName a,
.Snowsport #ProductDetails .divTechnologies a,
.Snowsport #SearchDiv .pagingNav,
.Snowsport #SearchDiv .bottomNav a,
.Snowsport #ProductDetails .mainTab #techGlossaryTerm,
.Snowsport #ProductDetails .mainTab #techGlossaryTerm a,
.Snowsport #ProductDetails .mainTab #techIllustration a {color: #b83b27;}
.Snowsport .wmark {color: #b83b27;}
.Snowsport #SearchDiv .bottomNav a:hover {color: Red;}

#Header {padding-bottom: 5px; background-color: #ffffff;}
#Footer {margin: 10px 0px 20px 0px; float: left; width: 850px; font-size: 11px; color: #ffffff;}
.Work #Footer {color: #000000;}
#Footer .left {float: left;}
#Footer .left a {color: #ffffff;}
.Work #Footer .left a {color: #000000;}
#Footer .right {float: right;}
#Footer .right a {color: #ffffff;}
.Work #Footer .right a {color: #000000;}
#Footer .pipe {margin-left: 3px; margin-right: 3px;}

#Paging {padding-left: 3px; width: 670px; font-size: 11px; float: left;}
#Paging .left {float: left;}
#Paging .right {float: right; font-weight:bold;}

#Home .mainContent, #Home .mainContentAdjustableHeight {width: 100%; background-color: #ffffff;}
#Home .flash {width: 830px; height: 320px; background-color: #FBF3E6;}
#Home .product {margin-top: 10px; width: 33%; float: left;}
#Home .product .image {margin-right: 10px; width: 92px; height: 92px; float: left; border: 1px solid black;}
#Home .product .content {width: 160px; float: left;}
#Home .product .content .title {margin-bottom: 2px; color: #7F7361; font-weight: bold;}
#Home .promo .content .title a {color: #7F7361;}
#Home .product .content .link {margin-top: 7px;}

#RefineSearch .title, 
#ProductDetails .title, 
#GetSocks .title,
#Blog .title,
#FindARetailer .title,
#UCFindARetailer .title,
#SockFinder .title,
#AboutSocks .title {padding: 5px 0 0 15px; height: 23px; font-variant: small-caps; font-size: 10px; font-weight: bold; color: #ffffff;}
#AboutSocks .title {height: 24px;}
#UCFindARetailer,
#SockFinder {width: 830px;}
#UCFindARetailer .title,
#SockFinder .title {height: 21px; padding: 0px; margin: 0px; background: none; width: 815px;}
.Work #FeaturedProduct .title, 
.Work #LearnMore .title, 
.Work #RefineSearch .title,
.Work #SockFinder .title {color: #000000;}

#FeaturedProduct, #LearnMore {float: left;}
#FeaturedProduct {margin-right: 10px; width: 550px;}
#FeaturedProduct .contentDiv .link {margin-top: 20px;}
#FeaturedProduct .content, #LearnMore .content {height:360px;}
#FeaturedProduct .content img {margin-left: 1px;}
#FeaturedProduct .image div {float:left}
#FeaturedProduct .title {width:535px; height: 21px;}

#LearnMore {margin-top: 1px; width: 270px;}
#LearnMore .title {width:250px;}
.Work #LearnMore .title {background: url(../Images/Graphics/headerLearnMore5.gif) repeat-x;}
.Sport #LearnMore .title {background: url(../Images/Graphics/headerLearnMore2.gif) repeat-x;}
.Outdoor #LearnMore .title {background: url(../Images/Graphics/headerLearnMore1.gif) repeat-x;}
.Health #LearnMore .title {background: url(../Images/Graphics/headerLearnMore4.gif) repeat-x;}
.Snowsport #LearnMore .title {background: url(../Images/Graphics/headerLearnMore3.gif) repeat-x;}

/* PROMO AREA */

#PromoArea {width: 100%; min-height: 110px; height:auto !important; height:110px; float: left;}
.Outdoor #PromoArea,
.Work #PromoArea,
.Health #PromoArea,
.Sport #PromoArea,
.Snowsport #PromoArea {width: 825px;}

#PromoArea .intro, 
#PromoArea .promo {margin:7px 5px 7px 5px; padding: 5px; float: left;}

#PromoArea .intro {font-size: 1.2em; font-weight: bold; line-height: 22px; width: 205px;}
#PromoArea .intro .title {margin-bottom: 5px; font-variant: small-caps;}
#PromoArea .intro .content {line-height: 20px; font-size: 14px;}
#PromoArea .intro .content a {text-decoration: underline;}
#PromoArea .intro img {margin-bottom: 10px;}
#PromoArea .intro a {text-decoration: underline;}
.Work #PromoArea .intro,
.Work #PromoArea .intro a {color: #77766F;}
.Work #PromoArea .intro a:hover {color: Red;}
.Sport #PromoArea .intro,
.Sport #PromoArea .intro a {color: #308C4A;}
.Sport #PromoArea .intro a:hover {color: Red;}
.Outdoor #PromoArea .intro,
.Outdoor #PromoArea .intro a {color: #007891;}
.Outdoor #PromoArea .intro a:hover {color: Red;}
.Health #PromoArea .intro,
.Health #PromoArea .intro a {color: #E88023;}
.Health #PromoArea .intro a:hover {color: Red;}
.Snowsport #PromoArea .intro,
.Snowsport #PromoArea .intro a {color: #B83B27;}
.Snowsport #PromoArea .intro a:hover {color: Red;}

#PromoArea .promo {width: 280px; _width: 275px;}
#PromoArea .promo .image {margin-right: 13px; width: 92px; height: 92px; float: left;}
#PromoArea .promo .content {width: 170px; float: left; font-size:1em;}
#PromoArea .promo .content .title {margin-bottom: 2px; font-weight:bold;}
#PromoArea .promo .content .link {margin-top: 5px;}
#PromoArea .promo .content .summary a {color:#000000;}
#PromoArea .promo .content .rollover:hover a {text-decoration: underline;}

#Home #PromoArea {background: none; margin-bottom:11px; margin-left: 5px;}
#Home #PromoArea .promo {width: 260px;}
#Home #PromoArea .promo .content {width: 155px;}


/*  */

#SearchDiv {width: 680px;}
#SearchDiv .searchNoResults {margin-left: 15px;}
#RefineSearch {margin-bottom: 20px; float: left; width: 100%;}
#RefineSearch .left {float: left;}
#RefineSearch .right {padding-right: 18px; float: right; font-variant: normal; font-weight: normal; font-size: 10px;}
#RefineSearch .right a {color: #ffffff;}
.Work #RefineSearch .right a {color: #000000;}
#RefineSearch .content .tblSockFinder, #SockFinder .tblSockFinder {width: 680px; margin-top: 10px;}
#RefineSearch .content .tblSockFinder .sectionTitle,
#SockFinder .tblSockFinder .sectionTitle {font-variant: small-caps; font-weight: bold;}
#RefineSearch .content .tblSockFinder .sectionContent td,
#SockFinder .tblSockFinder .sectionContent td {width: 40px; margin: 0px auto;}
#RefineSearch .content .tblSockFinder .row,
#SockFinder .tblSockFinder .row {height: 65px;}
#RefineSearch .content .tblSockFinder .row td,
#SockFinder .tblSockFinder .row td {vertical-align: top;}
#RefineSearch .content .tblSockFinder .row .section,
#SockFinder .tblSockFinder .row .section {padding-left: 15px; padding-right: 15px; border: 1px solid #c2a796; border-left: 0px; border-top: 0px;}
.Work #RefineSearch .content .tblSockFinder .row .section {border-color: #77766F;}
.Sport #RefineSearch .content .tblSockFinder .row .section {border-color: #308C4A;}
.Outdoor #RefineSearch .content .tblSockFinder .row .section {border-color: #007891;}
.Snowsport #RefineSearch .content .tblSockFinder .row .section {border-color: #b83b27;}
.Health #RefineSearch .content .tblSockFinder .row .section {border-color: #e88023;}
#RefineSearch .content .tblSockFinder .row .section table,
#SockFinder .tblSockFinder .row .section table {width: 100%;}
#RefineSearch .content .tblSockFinder .row .section .height td,
#SockFinder .tblSockFinder .row .section .height td {}
#RefineSearch .content .tblSockFinder .row .section .height .last,
#SockFinder .tblSockFinder .row .section .height .last {padding-right: 30px;}
#RefineSearch .content .tblSockFinder .row .section .performance,
#SockFinder .tblSockFinder .row .section .performance {width: 95%;}
#RefineSearch .content .tblSockFinder .row .first,
#SockFinder .tblSockFinder .row .first {padding-left: 15px;}
#RefineSearch .content .tblSockFinder .row .last,
#SockFinder .tblSockFinder .row .last {border-right: 0px;}
#RefineSearch .title {margin-top: -2px; padding: 0px; background: url(../Images/Graphics/imgRefineSortHome.gif) repeat-x;}
.Work #RefineSearch .title {background: url(../Images/Graphics/imgRefineSortWork.gif) no-repeat;}
.Sport #RefineSearch .title {background: url(../Images/Graphics/imgRefineSortSport.gif) no-repeat;}
.Outdoor #RefineSearch .title {background: url(../Images/Graphics/imgRefineSortOutdoor.gif) no-repeat;}
.Health #RefineSearch .title {background: url(../Images/Graphics/imgRefineSortHealth.gif) no-repeat;}
.Snowsport #RefineSearch .title {background: url(../Images/Graphics/imgRefineSortSnowsport.gif) no-repeat;}

#SearchResults {position:relative;}
#SearchResults .productwrapper {border:3px solid white; width:131px; _width: 131px; float:left;}

#SearchResults .productImage {width: 125px; height: 100px; background-color: #FFFFFF; text-align:center;}
#SearchResults .productImage img {width: 125px; height: 100px;}
#SearchResults .gradient a {float: left; padding-top: 3px;}
#SearchResults .gradient a:hover {text-decoration: none;}
#SearchResults .gradient .productName {font-weight:bold; font-size: 10px;}
#SearchResults .gradient .styleNumber {font-size: 10px;}
#SearchResults .gradient {width: 118px; _width: 118px; height: 30px; padding-left: 7px;}
#SearchResults .gradient {padding-top: 3px;}
#SearchResults .categoryName {color: #ffffff; padding: 3px 0 3px 7px; font-size:10px; font-weight:bold; }
#SearchResults .WorkCategory .categoryName {color: #000000;}
#SearchResults .gradient {color: #007891; background: url(../Images/Graphics/bgSearchItem.gif) repeat-x;}

#SearchResults .WorkCategory .gradient {color: #000000; background: url(../Images/Graphics/bgSearchItem5.gif) repeat-x;}
#SearchResults .WorkCategory .gradient a {color:#000000;}
#SearchResults .WorkCategory .categoryName {background-color: #FFDD00; color: #000000;}
#SearchResults .SportCategory .gradient {color: #308C4A; background: url(../Images/Graphics/bgSearchItem2.gif) repeat-x;}
#SearchResults .SportCategory .gradient a {color:#308C4A;}
#SearchResults .SportCategory .categoryName {background-color: #308C4A;}
#SearchResults .SnowsportCategory .gradient {color: #b83b27; background: url(../Images/Graphics/bgSearchItem3.gif) repeat-x;}
#SearchResults .SnowsportCategory .gradient a {color:#b83b27;}
#SearchResults .SnowsportCategory .categoryName {background-color: #b83b27;}
#SearchResults .OutdoorCategory .gradient {color: #007891; background: url(../Images/Graphics/bgSearchItem1.gif) repeat-x;}
#SearchResults .OutdoorCategory .gradient a {color:#007891;}
#SearchResults .OutdoorCategory .categoryName {background-color: #007891;}
#SearchResults .HealthCategory .gradient {color: #e88023; background: url(../Images/Graphics/bgSearchItem4.gif) repeat-x;}
#SearchResults .HealthCategory .gradient a {color:#e88023;}
#SearchResults .HealthCategory .categoryName {background-color: #e88023;}

#SearchResults .hover {border:3px solid #FFFFFF;}

#Placeholder, #RecentlyViewed {width: 145px; height: 500px; margin-top:-3px;}

#RecentlyViewed .marketingImage {margin-top:-3px;}
#RecentlyViewed .marketingImage .border {position:absolute; height:500px; width:147px;}
#RecentlyViewed .products {height: 500px; background: url(../Images/Graphics/bgRecentlyViewed.gif) no-repeat; padding-top:40px;}
#RecentlyViewed table {font-size: 10px;}
#RecentlyViewed table tr td {padding: 5px 10px 5px 10px;}
#RecentlyViewed .productInfo {color: #7F7361;padding-left: 5px;}
#RecentlyViewed .productInfo .name {font-weight:bold;}
#RecentlyViewed .title {padding: 0px; font-size: 10px; font-weight: bold; font-variant: small-caps; color:#FFFFFF;}
.ProductListRecentlyViewed #RecentlyViewed {margin-left: 8px; _margin-left: 0px; margin-top:-5px;}

#ProductDetails {margin-right: 10px; width: 676px; }
#ProductDetails .tabs {float: left;width: 355px;}
#ProductDetails .right {padding-top: 0px; width: 320px; height: 29px; float:left; border-bottom: 1px solid black;}
#ProductDetails .right div {float:right; padding-top: 7px; }

.Work #ProductDetails .right {border-bottom: 1px solid black;}
.Work #ProductDetails .sizingTab table td {border: 1px solid #BBBAB8;}
.Sport #ProductDetails .right {border-bottom: 1px solid #308C4A;}
.Sport #ProductDetails .sizingTab table td {border: 1px solid #97C5A4;}
.Outdoor #ProductDetails .right {border-bottom: 1px solid #007891;}
.Outdoor #ProductDetails .sizingTab table td {border: 1px solid #80BBC8;}
.Health #ProductDetails .right {border-bottom: 1px solid #e88023;}
.Health #ProductDetails .sizingTab table td {border: 1px solid #F3BF91;}
.Snowsport #ProductDetails .right {border-bottom: 1px solid #b83b27;}
.Snowsport #ProductDetails .sizingTab table td {border: 1px solid #E5A39C;}
.Work #ProductDetails .right a {color: #000000;}
.Sport #ProductDetails .right a {color: #308C4A;}
.Outdoor #ProductDetails .right a {color: #007891;}
.Health #ProductDetails .right a {color: #e88023;}
.Snowsport #ProductDetails .right a {color: #b83b27;}
#ProductDetails .tabs a,
#ProductDetails .tabs .disabled {font-weight: bold; padding: 7px 10px; width: 50px; height: 15px; text-align: center; float: left; border-bottom: 1px solid black; border-right: 1px solid black;}

.Work #ProductDetails .tabs {border-left: 1px solid black;}
.Sport #ProductDetails .tabs {border-left: 1px solid #308C4A;}
.Outdoor #ProductDetails .tabs {border-left: 1px solid #007891;}
.Health #ProductDetails .tabs {border-left: 1px solid #e88023;}
.Snowsport #ProductDetails .tabs {border-left: 1px solid #b83b27;}
.Work #ProductDetails .tabs a,
.Work #ProductDetails .tabs .disabled {color: #BBBBBB; border-bottom: 1px solid black; border-right: 1px solid black;}
.Sport #ProductDetails .tabs a,
.Sport #ProductDetails .tabs .disabled {color: #9AC7A7; border-bottom: 1px solid #308C4A; border-right: 1px solid #308C4A;}
.Outdoor #ProductDetails .tabs a,
.Outdoor #ProductDetails .tabs .disabled {color: #99CCCC; border-bottom: 1px solid #007891; border-right: 1px solid #007891;}
.Health #ProductDetails .tabs a,
.Health #ProductDetails .tabs .disabled {color: #E4C5A9; border-bottom: 1px solid #e88023; border-right: 1px solid #e88023;}
.Snowsport #ProductDetails .tabs a,
.Snowsport #ProductDetails .tabs .disabled {color: #E1B5AF; border-bottom: 1px solid #b83b27; border-right: 1px solid #b83b27;}
#ProductDetails .tabs .on { height: 16px; border-bottom: none; background-color: #D8C6BC;}
.Work #ProductDetails .tabs .on {color: #000000; background: url(../Images/Graphics/bgSelectedTab5.gif) repeat-x; border-bottom: none;}
.Sport #ProductDetails .tabs .on {color: #308C4A; background: url(../Images/Graphics/bgSelectedTab2.gif) repeat-x; border-bottom: none;}
.Outdoor #ProductDetails .tabs .on {color:#007891; background: url(../Images/Graphics/bgSelectedTab1.gif) repeat-x; border-bottom: none;border-right: 1px solid #007891;}
.Health #ProductDetails .tabs .on {color: #E88023; background: url(../Images/Graphics/bgSelectedTab4.gif) repeat-x; border-bottom: none;}
.Snowsport #ProductDetails .tabs .on {color: #B83B27; background: url(../Images/Graphics/bgSelectedTab3.gif) repeat-x; border-bottom: none;}
#ProductDetails .tabs a:hover {color:Red;}

#ProductDetails .productContent {min-height:440px; height:auto !important; height:440px;}
#ProductDetails .productContent a:hover {color: Red;}
#ProductDetails .productContent {padding: 0px; border: 1px solid black; border-top: none;}
#ProductDetails .productContent .rightContainer .infoDiv {line-height: 1.2em; font-size: 12px; padding-right: 10px;}
#ProductDetails .productContent .rightContainerMain {}
#ProductDetails .productContent .rightContainer .divInfo .infoDiv {font-size: 15px;}
#ProductDetails .productContent #divProductImage {height:363px; width:100%; text-align:center; padding-top:77px;}
#ProductDetails .divTechnologies .infoDiv {padding: 5px 0px;}

.Work #ProductDetails .productContent {border: 1px solid black; border-top: none;}
.Sport #ProductDetails .productContent {border: 1px solid #308C4A; border-top: none;}
.Outdoor #ProductDetails .productContent {border: 1px solid #007891; border-top: none;}
.Health #ProductDetails .productContent {border: 1px solid #e88023; border-top: none;}
.Snowsport #ProductDetails .productContent {border: 1px solid #b83b27; border-top: none;}

#ProductDetails .mainTab .leftContainer, #ProductDetails .mainTab .rightContainer {float: left; margin: 0px;}
#ProductDetails .mainTab .leftContainer {width: 354px; height: 440px;}
#ProductDetails .mainTab .rightContainer {float: right; width: 300px;}

#ProductDetails .mainTab #techGlossaryTerm,
#ProductDetails .mainTab #techIllustration {height: 430px; color:#000000; padding-top:10px; padding-left:20px; padding-right:10px; }
#ProductDetails .mainTab #techGlossaryTerm .glossaryImage {margin-top: 30px; text-align: left;}
#ProductDetails .mainTab #techGlossaryTerm #title {width: 100%; font-weight:bold; font-size:14px; }
#ProductDetails .mainTab #techGlossaryTerm .close,
#ProductDetails .mainTab #techIllustration .close {float: right;}
#ProductDetails .mainTab #techGlossaryTerm #text {line-height: 1.2em; font-size: 12px; margin-top: 10px; }

#ProductDetails .mainTab #techIllustration {height:430px; background-color:white;}

.Work #ProductDetails .mainTab .leftContainer {background: url(../Images/Graphics/bgProductDetail5.gif) repeat-x; background-position: 0px -60px;}
.Sport #ProductDetails .mainTab .leftContainer {background: url(../Images/Graphics/bgProductDetail2.gif) repeat-x; background-position: 0px -60px;}
.Outdoor #ProductDetails .mainTab .leftContainer {background: url(../Images/Graphics/bgProductDetail1.gif) repeat-x; background-position: 0px -60px;}
.Health #ProductDetails .mainTab .leftContainer {background: url(../Images/Graphics/bgProductDetail4.gif) repeat-x; background-position: 0px -60px;}
.Snowsport #ProductDetails .mainTab .leftContainer {background: url(../Images/Graphics/bgProductDetail3.gif) repeat-x; background-position: 0px -60px;}
#ProductDetails .hotspots {margin-top: 30px; margin-left: 20px; width: 294px; height: 320px; border: 1px solid black;}

#ProductDetails .mainTab .colorsDiv {width: 326px; position: absolute; bottom: 10px; _bottom: 0px; _margin-bottom: 10px; left: 20px;}
#ProductDetails .mainTab .productColors {width: 20px;}
#ProductDetails .mainTab .productColors div {float: left; height: 21px;}
#ProductDetails .mainTab .productColors a {margin: 2px; border: 1px solid black; float: left;}
#ProductDetails .mainTab .productColors a:hover {margin: 0px; border:3px solid #CC0000;}
#ProductDetails .mainTab .colorName {float: left;}
#ProductDetails .mainTab .colorSize {float: right;}
#ProductDetails .mainTab .colorName,
#ProductDetails .mainTab .colorSize {padding-top: 10px;}
#ProductDetails .mainTab .colorSizeLink:hover {cursor:pointer;text-decoration: underline;}
#ProductDetails .mainTab .colorSizeLinkDisable:hover {text-decoration: none;cursor:default;}

#ProductDetails .mainTab .divOverview .sectionTitle,
#ProductDetails .mainTab .divContents .sectionTitle {height: 11px;}
.Outdoor #ProductDetails .mainTab .divOverview .sectionTitle {background: url(../Images/Graphics/imgProductDetailsOverviewOutdoor.gif) no-repeat;}
.Outdoor #ProductDetails .mainTab .divContents .sectionTitle {background: url(../Images/Graphics/imgProductDetailsContentsOutdoor.gif) no-repeat;}
.Sport #ProductDetails .mainTab .divOverview .sectionTitle {background: url(../Images/Graphics/imgProductDetailsOverviewSport.gif) no-repeat;}
.Sport #ProductDetails .mainTab .divContents .sectionTitle {background: url(../Images/Graphics/imgProductDetailsContentsSport.gif) no-repeat;}
.Snowsport #ProductDetails .mainTab .divOverview .sectionTitle {background: url(../Images/Graphics/imgProductDetailsOverviewSnowsport.gif) no-repeat;}
.Snowsport #ProductDetails .mainTab .divContents .sectionTitle {background: url(../Images/Graphics/imgProductDetailsContentsSnowsport.gif) no-repeat;}
.Health #ProductDetails .mainTab .divOverview .sectionTitle {background: url(../Images/Graphics/imgProductDetailsOverviewHealth.gif) no-repeat;}
.Health #ProductDetails .mainTab .divContents .sectionTitle {background: url(../Images/Graphics/imgProductDetailsContentsHealth.gif) no-repeat;}
.Work #ProductDetails .mainTab .divOverview .sectionTitle {background: url(../Images/Graphics/imgProductDetailsOverviewWork.gif) no-repeat;}
.Work #ProductDetails .mainTab .divContents .sectionTitle {background: url(../Images/Graphics/imgProductDetailsContentsWork.gif) no-repeat;}

/* old values before page height changes
#ProductDetails .onlinePartner, #ProductDetails .findRetailer {z-index: 101; padding: 10px; position: absolute; top: 220px; left: 218px; height: 415px;} 
#ProductDetails .onlinePartnerContainer { position: absolute; top: 0px; left: 0px; z-index: 101; width:665px; _width: 670px; height: 482px;}
#ProductDetails .onlinePartner {padding-right: 3px; height: 485px; _height: 490px; width: 100%; }
#ProductDetails .findRetailerContainer { position: absolute; top: 0px; left: 0px; z-index: 101; height: 477px; width:660px; }
#ProductDetails .findRetailer { padding:10px 10px 5px 10px; margin-left: -6px; margin-top: -6px; height: 472px; _height: 481px; width:658px; _width: 670px; _padding-right: 0px;}

*/

#ProductDetails .onlinePartnerContainer { position: absolute; top: 0px; left: 0px; z-index: 101; width:665px; _width: 670px; height: 430px;}
#ProductDetails .onlinePartner {padding-right: 3px; height: 435px; _height: 440px; width: 100%; }

#ProductDetails .onlinePartnerContainer .shadow {padding-right: 3px;}

#ProductDetails .findRetailerContainer { position: absolute; top: 0px; left: 0px; z-index: 101; height: 425px;_height: 422px; width:660px; }
#ProductDetails .findRetailer { padding:10px 10px 5px 10px; _padding-top: 7px; margin-left: -6px; margin-top: -6px; height: 420px; _height: 425px; width:658px; _width: 670px; _padding-right: 0px;}

#ProductDetails .onlinePartner .rptPartners .separator {width: 98%;}
#ProductDetails .shadow,
#ProductDetails .shadowTopLeft {float: left;}
#ProductDetails .shadow {padding: 0px 10px 14px 0px;}
#ProductDetails .shadowTopLeft {padding: 12px 0px 0px 12px;}
#ProductDetails .shadowTopLeftOnlinePartner {float: left; padding: 5px 0px 2px 6px;}
.Outdoor #ProductDetails .shadow {background: #e6f1f4 url(../Images/Graphics/shadowAlpha.png) no-repeat scroll right bottom !important;}
.Sport #ProductDetails .shadow {background: #e6f1e9 url(../Images/Graphics/shadowAlpha.png) no-repeat scroll right bottom !important;}
.Snowsport #ProductDetails .shadow {background: #fae9eb url(../Images/Graphics/shadowAlpha.png) no-repeat scroll right bottom !important;}
.Health #ProductDetails .shadow {background: #fcede0 url(../Images/Graphics/shadowAlpha.png) no-repeat scroll right bottom !important;}
.Work #ProductDetails .shadow {background: #fef8d5 url(../Images/Graphics/shadowAlpha.png) no-repeat scroll right bottom !important;}
.Outdoor #ProductDetails .shadowTopLeft,
.Outdoor #ProductDetails .shadowTopLeftOnlinePartner {background: #e6f1f4 url(../Images/Graphics/shadowAlpha2.png) no-repeat scroll top left !important;}
.Sport #ProductDetails .shadowTopLeft,
.Sport #ProductDetails .shadowTopLeftOnlinePartner {background: #e6f1e9 url(../Images/Graphics/shadowAlpha2.png) no-repeat scroll top left !important;}
.Snowsport #ProductDetails .shadowTopLeft,
.Snowsport #ProductDetails .shadowTopLeftOnlinePartner {background: #fae9eb url(../Images/Graphics/shadowAlpha2.png) no-repeat scroll top left !important;}
.Health #ProductDetails .shadowTopLeft,
.Health #ProductDetails .shadowTopLeftOnlinePartner {background: #fcede0 url(../Images/Graphics/shadowAlpha2.png) no-repeat scroll top left !important;}
.Work #ProductDetails .shadowTopLeft,
.Work #ProductDetails .shadowTopLeftOnlinePartner {background: #fef8d5 url(../Images/Graphics/shadowAlpha2.png) no-repeat scroll top left !important;}

#ProductDetails .onlinePartner { }
#ProductDetails .onlinePartner .leftDiv {float:left; width:343px; }
#ProductDetails .onlinePartner .rightDiv {position: absolute; left: 355px; padding-top: 7px; width: 305px; _width: 290px; border-left: 1px solid #308C4A;}
#ProductDetails .onlinePartner .rightDiv .scroller {overflow: auto; _position: absolute; _z-index: 101; _border-left: 1px solid; margin-top: -7px; height: 398px;} 

#ProductDetails .onlinePartner .header {width: 100%; float: left; border-bottom: 1px solid black;}
.Work #ProductDetails .onlinePartner .header {border-bottom: 1px solid black;}
.Sport #ProductDetails .onlinePartner .header {border-bottom: 1px solid #308C4A;}
.Outdoor #ProductDetails .onlinePartner .header {border-bottom: 1px solid #007891;}
.Health #ProductDetails .onlinePartner .header {border-bottom: 1px solid #e88023;}
.Snowsport #ProductDetails .onlinePartner .header {border-bottom: 1px solid #b83b27;}
#ProductDetails .onlinePartner .left {float: left; font-variant: small-caps; font-weight: bold; color: #8A5231;}
#ProductDetails .onlinePartner .left span {margin-right: 5px;}
#ProductDetails .onlinePartner .left .name {font-size: 17px;}
#ProductDetails .onlinePartner .left .height {font-size: 14px;}
#ProductDetails .onlinePartner .left .style {font-size: 10px;}
#ProductDetails .onlinePartner .right {float: right; width: 45px; border: none;}
#ProductDetails .onlinePartner .image, 
#ProductDetails .onlinePartner .details {margin-top: 20px;}
#ProductDetails .onlinePartner .image {margin-right: 10px; width: 170px; height: 175px; float: left; border: 1px solid black;}
#ProductDetails .onlinePartner .details {margin-top: 100px; float: left; width: 178px;}
#ProductDetails .onlinePartner .details .mainTitle,
#ProductDetails .onlinePartner .selectPartner .mainTitle,
#ProductDetails .findRetailer .mainTitle {font-weight: bold; font-variant: small-caps;}
#ProductDetails .onlinePartner .selectPartner .mainTitle,
#ProductDetails .findRetailer .mainTitle {float: left;}
#ProductDetails .onlinePartner .selectPartner .right,
#ProductDetails .findRetailer .right {border-bottom: 0px; float: right; height: 0px; margin: 0px; padding: 0px;}
#ProductDetails .onlinePartner .selectPartner {width: 100%; float: left;}
#ProductDetails .onlinePartner .details .text {color: #8A5231;}
#ProductDetails .onlinePartner .selectPartner .separator {margin: 0px; padding: 0px;}
#ProductDetails .onlinePartner .selectPartner .partners {margin: 0px; padding-top: 10px; padding-bottom: 5px; float: left; width: 165px; height: 20px; border-right: 1px solid black;}
#ProductDetails .onlinePartner .rptPartners {width: 100%; font-weight: bold;}
#ProductDetails .onlinePartner .rptPartners .partnerName {margin-top: 20px; margin-bottom: 10px;}
#ProductDetails .onlinePartner .finePrint p {margin-top: 10px;}
#ProductDetails .onlinePartner .finePrint a {text-decoration: underline;}
#ProductDetails .onlinePartner .rightDiv .rptPartners .partnerName {margin-left:10px;}

.Work #ProductDetails .onlinePartner .selectPartner .partners {border-right: 1px solid black;}
.Work #ProductDetails .onlinePartner .selectPartner .no_border {border-right: none;}
.Work #ProductDetails .findRetailer .rightDiv {border-left: 1px solid black;}
.Work #ProductDetails .onlinePartner .rightDiv {border-left: 1px solid #77766F;}
.Sport #ProductDetails .onlinePartner .selectPartner .partners {border-right: 1px solid #308C4A;}
.Sport #ProductDetails .onlinePartner .selectPartner .no_border {border-right: none;}
.Sport #ProductDetails .findRetailer .rightDiv,
.Sport #ProductDetails .onlinePartner .rightDiv {border-left: 1px solid #308C4A;}
.Outdoor #ProductDetails .onlinePartner .selectPartner .partners {border-right: 1px solid #007891;}
.Outdoor #ProductDetails .onlinePartner .selectPartner .no_border {border-right: none;}
.Outdoor #ProductDetails .findRetailer .rightDiv,
.Outdoor #ProductDetails .onlinePartner .rightDiv {border-left: 1px solid #007891;}
.Health #ProductDetails .onlinePartner .selectPartner .partners {border-right: 1px solid #e88023;}
.Health #ProductDetails .onlinePartner .selectPartner .no_border {border-right: none;}
.Health #ProductDetails .findRetailer .rightDiv,
.Health #ProductDetails .onlinePartner .rightDiv {border-left: 1px solid #e88023;}
.Snowsport #ProductDetails .onlinePartner .selectPartner .partners {border-right: 1px solid #b83b27;}
.Snowsport #ProductDetails .onlinePartner .selectPartner .no_border {border-right: none;}
.Snowsport #ProductDetails .findRetailer .rightDiv,
.Snowsport #ProductDetails .onlinePartner .rightDiv {border-left: 1px solid #b83b27;}
#ProductDetails .onlinePartner .selectPartner .no_border {border-right: 0px;}
#ProductDetails .onlinePartner .selectPartner .partners .image {width: 50px;}
#ProductDetails .findRetailer .leftDiv,
#ProductDetails .findRetailer .rightDiv {float: left;}
#ProductDetails .findRetailer .leftDiv {width: 330px;}
#ProductDetails .findRetailer .rightDiv {width: 308px; height: 398px;}
#ProductDetails .findRetailer .rightDiv a {text-decoration: underline;}
#ProductDetails .findRetailer .right {width: 45px;}
#ProductDetails .findRetailer .textbox, #FindARetailer .textbox, #UCFindARetailer .textbox, #SockFinder .textbox {border: 0px; width: 287px;}
#ProductDetails .findRetailer .dropdownlist, #FindARetailer .dropdownlist, #UCFindARetailer .dropdownlist {border: 0px; width: 302px;}
#ProductDetails .findRetailer .step, #FindARetailer .step, #UCFindARetailer .step {font-size: 12px; font-weight: bold;}
#ProductDetails .findRetailer .tblFindRetailer {margin-top: 15px;}
#ProductDetails .findRetailer .tblFindRetailer .step, #FindARetailer .step, #UCFindARetailer .step {padding-right: 7px;}
#ProductDetails .findRetailer .tblFindRetailer tr td {padding-bottom: 15px;}
#ProductDetails .findRetailer .checkRetailer {margin-top: 10px; margin-left: 18px; margin-right: 20px; font-weight: bold;}
#ProductDetails .findRetailer .map {margin-left: 18px; margin-top: 10px; width: 285px; height: 235px;}
.tblResults {margin-top: 5px; margin-bottom: 5px;}
.tblResults .number {width: 50px; text-align: center;}
.tblResults .info {width: 230px;}
.tblResults .distance {width: 80px; text-align: right; padding-right: 5px;}
#UCResultsDiv .tblResults .distance {}

#ProductDetails .leftContainer, 
#GetSocks {background-color: #FBF3E6;}
#ProductDetails .rightContainer {font-size: 12px; margin-left: 20px; padding-top: 8px;}
#ProductDetails .rightContainer ul {margin: 0px; padding-left: 15px; list-style: disc;}
#ProductDetails .rightContainer ul a:hover {color: Red;}
#ProductDetails .rightContainer .sectionTitle {font-size: 10px; font-variant: small-caps; font-weight: bold;}
#ProductDetails .rightContainer .sockName {line-height: 27px; font-variant: small-caps; font-weight: bold; color: #8A5231;}
#ProductDetails .rightContainer .sockNameTitle {font-size: 26px; color: #8A5231;}
#ProductDetails .rightContainer #hiddenName {display:none;}
#ProductDetails .rightContainer .sockHeight {font-size: 18px; color: #8A5231;}
#ProductDetails .rightContainer .styleNumber {font-size: 11px; font-weight: normal; color: #8A5231; padding-left: 5px; padding-top: 3px; padding-bottom: 2px;}
#ProductDetails .rightContainer .logo {margin-right:20px; text-decoration:none; }
#ProductDetails .rightContainer .divBuy {position: absolute; bottom: 10px; _bottom: 0px; _margin-bottom: 10px; left: 363px; width:295px;}
#ProductDetails .rightContainer .divBuy img {margin-left: 10px; float:left;}
#ProductDetails .title {height: 17px; padding: none;}
#ProductDetails .title, 
#GetSocks .title {background: url(../Images/Graphics/headerProductDetail.gif) repeat-x; }
.Work #GetSocks .title {background: url(../Images/Graphics/headerProductDetail5.gif) repeat-x; color: #000000;}
.Sport #GetSocks .title {background: url(../Images/Graphics/headerProductDetail2.gif) repeat-x; }
.Outdoor #ProductDetails .title {background: url(../Images/Graphics/headerProductDetailOutdoor.gif) no-repeat;} 
.Sport #ProductDetails .title {background: url(../Images/Graphics/headerProductDetailSport.gif) no-repeat;} 
.Snowsport #ProductDetails .title {background: url(../Images/Graphics/headerProductDetailSnowsport.gif) no-repeat;} 
.Health #ProductDetails .title {background: url(../Images/Graphics/headerProductDetailHealth.gif) no-repeat;} 
.Work #ProductDetails .title {background: url(../Images/Graphics/headerProductDetailWork.gif) no-repeat;} 
.Outdoor #GetSocks .title {background: url(../Images/Graphics/headerProductDetail1.gif) repeat-x; }
.Health #GetSocks .title {background: url(../Images/Graphics/headerProductDetail4.gif) repeat-x; }
.Snowsport #GetSocks .title {background: url(../Images/Graphics/headerProductDetail3.gif) repeat-x; }
#GetSocks .orderDiv .step {padding-top: 7px; width: 33%; height: 62px; float: left; border-right: 1px solid black;}
.Work #GetSocks .orderDiv .step {border-right: 1px solid black;}
.Sport #GetSocks .orderDiv .step {border-right: 1px solid #308C4A;}
.Outdoor #GetSocks .orderDiv .step {border-right: 1px solid #007891;}
.Health #GetSocks .orderDiv .step {border-right: 1px solid #e88023;}
.Snowsport #GetSocks .orderDiv .step {border-right: 1px solid #b83b27;}
#GetSocks .orderDiv .step table {margin: 0px auto;}
#GetSocks .orderDiv .step .name {font-variant: small-caps;}
#GetSocks .orderDiv .step .number {padding-right: 5px; font-size: 32px; font-weight: bold;}
#GetSocks .orderDiv .last,
.Work #GetSocks .orderDiv .last,
.Sport #GetSocks .orderDiv .last,
.Outdoor #GetSocks .orderDiv .last,
.Health #GetSocks .orderDiv .last,
.Snowsport #GetSocks .orderDiv .last {border-right: none;}

#ProductDetails .mainTab {position:absolute; width:674px;}
#ProductDetails .zoomTab {position:absolute; width:674px; background-color:#ffffff;}
#ProductDetails .featuresTab {position:absolute; width:674px; height: 442px;}
#ProductDetails .sizingTab {position:absolute; width:674px; background-color:#ffffff;}
#ProductDetails .careTab {position:absolute; width:674px; background-color:#ffffff;}

#ProductDetails .tblProductDetails {height: 500px;}
#ProductDetails .featuresTab .features {margin: 0px auto; padding-top: 30px; width: 610px; height: 400px;}
#ProductDetails .sizingTab {}
#ProductDetails .sizingTab table {width: 100%;}
#ProductDetails .sizingTab table td {font-weight: bold; text-align: center;}
#ProductDetails .sizingTab table .headerFirstRow td {border-left: none; font-variant: small-caps;}
#ProductDetails .sizingTab .tube table .sockSize,
#ProductDetails .sizingTab .stretch table .sockSize,
#ProductDetails .sizingTab .tube table .mainRow .firstCell,
#ProductDetails .sizingTab .stretch table .mainRow .firstCell {padding-left: 15px; text-align: left;}
#ProductDetails .sizingTab table .headerFirstRow td,
#ProductDetails .sizingTab table .headerSecondRow td {font-size: 11px;}
#ProductDetails .sizingTab table .headerFirstRow .sockSize {width: 95px; border-top: none; border-left: none; height: 64px;}
#ProductDetails .sizingTab .sized table .headerFirstRow .sockSize {width: 129px;}
#ProductDetails .sizingTab .stretch table .headerFirstRow .sockSize {width: 114px;}
#ProductDetails .sizingTab table .headerFirstRow .sockLength {width: 111px; border-top: none;}
#ProductDetails .sizingTab table .headerFirstRow .shoeSize {height: 30px; border-top: none; border-right: none; border-bottom: none;}
#ProductDetails .sizingTab table .headerSecondRow .youth {border-left: none; width: 135px;}
#ProductDetails .sizingTab table .headerSecondRow .mens,
#ProductDetails .sizingTab table .headerSecondRow .womens,
#ProductDetails .sizingTab table .headerSecondRow .uk,
#ProductDetails .sizingTab table .headerSecondRow .ec {border-left: none; width: 98px;}
#ProductDetails .sizingTab table .headerSecondRow .ec {border-right: none;}
#ProductDetails .sizingTab table .headerSecondRow .uk,
#ProductDetails .sizingTab table .headerSecondRow .ec {width: 75px;}
#ProductDetails .sizingTab table .mainRow td {border-top: none; border-left: none; height: 25px;}
#ProductDetails .sizingTab table .mainRow .last {border-right: none;}
.Work #ProductDetails .sizingTab table .alt {background-color: #FEF8D5;}
.Sport #ProductDetails .sizingTab table .alt {background-color: #E6F1E9;}
.Outdoor #ProductDetails .sizingTab table .alt {background-color: #E5F1F4;}
.Health #ProductDetails .sizingTab table .alt {background-color: #FCEDE0;}
.Snowsport #ProductDetails .sizingTab table .alt {background-color: #FAE7EA;}

#ProductDetails .careTab {background: #ffffff; height: 490px; width: 674px;}
.Work #ProductDetails .careTab {background: url(../Images/Graphics/imgCareWork.gif) no-repeat;}
.Sport #ProductDetails .careTab {background: url(../Images/Graphics/imgCareSport.gif) no-repeat;}
.Outdoor #ProductDetails .careTab {background: url(../Images/Graphics/imgCareOutdoor.gif) no-repeat;}
.Health #ProductDetails .careTab {background: url(../Images/Graphics/imgCareHealth.gif) no-repeat;}
.Snowsport #ProductDetails .careTab {background: url(../Images/Graphics/imgCareSnowsport.gif) no-repeat;}

.proStatus img {float:right; margin-top:-42px;}
.proStatus2 img {position: absolute; top: 111px; left: 87px;}
.proSeries {position: absolute; top: 0px; left: 0px;}

#Blog #BlogHome,
#Blog #TrailblazerBios,
#Blog #EntryDetails,
#SideMenu {padding-top: 15px;}
#ContactUs #ContactForm {}
#BlogHome { width:595px; }
#Blog #BlogHome .pageFooter {margin-top: 13px;}
#Blog #BlogHome .pageFooter .left {float: left;}
#Blog #BlogHome .pageFooter .right {margin-right: 10px; float: right;}
#Blog #BlogHome .pageFooter a {color: #916041;}
#Blog #BlogEntry .header .right a:hover,
#Blog #BlogHome .pageFooter a:hover,
#Blog #TrailblazerBios .pageFooter a:hover {color: Red;}

#Blog {width: 100%; _margin-left: -3px; font-family: Arial, Helvetica, Sans-Serif;}
#Blog .title {background: url(../Images/Graphics/headerFeaturedProduct.gif) repeat-x;}
#Blog #TopMenu {float: left; height: 110px; width: 824px; _width: 826px; background-color: #FBF3E6; border: 1px solid #7F7361; border-top: none;}
#Blog #TopMenu .section {float: left; width: 206px;}
#Blog #TopMenu .last {border-right: none;}
#Blog #TopMenu .section .left {float: left;}
#Blog #TopMenu .section .right {float: right;}
#Blog #TopMenu .section .leftTrail {width: 115px;}
#Blog #TopMenu .section .rightTrail {margin-left: -3px;}
#Blog #TopMenu .section .leftExperts {width: 55px;}
#Blog #TopMenu .section .rightExperts {margin-top: -3px;}
#Blog #TopMenu .section .leftOutThere {width: 92px;}
#Blog #TopMenu .section .rightOutThere {margin-top: -25px;}
#Blog #TopMenu .section .leftNews {width: 105px;}
#Blog #TopMenu .section .rightNews {margin-top: -28px;}

#Blog #TopMenu .section .name a {font-size: 14px; font-weight: bold; color: #916041;}
#Blog #TopMenu .section .name a:hover {color: Red; text-decoration: none;}
#Blog #TopMenu .section .content {font-size: 12px;}

#Blog #SideMenu p {font-size: 12px;}
#History #SideMenu {width: 140px;}
#SideMenu {padding-left: 15px; padding-right: 50px; _padding-right: 40px; width: 163px;}
#SideMenu .wmark,
#SideMenu .textbox {height: 14px;}
#SideMenu .wmark {float: left; width: 110px;}
#SideMenu .topSection {color: #916041;}
#SideMenu .topSection .default {margin-bottom: 13px;}
#SideMenu .topSection .AskExpert .name,
#SideMenu .topSection .TrailTales .name {width: 100%; margin-bottom: 10px;}
#SideMenu .topSection .AskExpert a,
#SideMenu .topSection .TrailTales a,
#SideMenu .section {margin-top: 7px;}
#SideMenu .section .textbox {float: left;}
#SideMenu .section p {font-size: 14px; color: #916041;}
#SideMenu .section .emailStatus {float: left; margin-bottom: 10px; width: 100%; font-weight: bold; color: #916041;}
#SideMenu .section p .bold {font-weight: bold;}
#SideMenu .section a,
#SideMenu .section .hlPost,
#Blog #BlogEntry .header .right a,
#Blog #BlogEntry .footer a {color: #C8AFA0;}
#SideMenu .section .sectionName,
#SideMenu .section .sectionName2 {margin-bottom: 10px;}
#SideMenu .section .hlPost {font-size: 12px;}
#SideMenu .section .hlPost:hover {color: Red;}
#SideMenu .section .blurb {font-size: 11px;}

#Blog #BlogEntry .header,
#Blog #BlogEntry .footer,
#Blog #TrailblazerBios #Bios .header {width: 100%; float: left;}
#Blog #BlogEntry .header .right {font-weight: normal;}
#Blog #BlogEntry .header,
#Blog #TrailblazerBios #Bios .header,
#FAQ .sectionDiv .anchor .header,
#Glossary .sectionDiv .anchor .header {padding: 5px 0px; color: #916041; font-size: 11px; font-weight: bold;}
#Blog #BlogEntry .header .left {float: left;}
#Blog #BlogEntry .header .right {float: right;}
#Blog #EntryDetails #BlogEntry .header .right .litAuthor a {color: #916041;}
#Blog #EntryDetails #BlogEntry .header .right .litAuthor a:hover {color: Red;}
#Blog #BlogEntry .footer {}
#Blog #BlogEntry .footer {margin-bottom: 20px;}
#Blog #BlogEntry .footer img {margin-left: 3px; margin-right: 3px;}
#Blog #BlogEntry .footer a {}
#Blog #BlogEntry .footer a:hover {color: Red;}
#Blog #BlogEntry .header .right {}
#Blog #BlogEntry .header .right div {margin-left: 5px; float: left;}
#Blog #BlogEntry .header .right .diamond {}
#Blog #BlogEntry {font-size: 11px;}

#Blog #BlogEntry .entry {margin-top: 15px; margin-bottom: 20px; width: 100%; float: left;}
#Blog #BlogEntry .entry p {font-size: 14px;}
#Blog #BlogEntry .entry p a {color: #916041;}
#Blog #BlogEntry .hlEntryTitle {margin-top: 20px; width: 100%; float: left; font-size: 26px; font-weight: bold; color: #916041;}
#Blog #BlogEntry .entry img {margin: 0px 15px 15px 0px;}

#Blog #TrailblazerBios .pageFooter,
#Blog #EntryDetails .pageFooter {margin-top: 10px; margin-right: 10px; float: right;}
#Blog #TrailblazerBios .pageFooter a,
#Blog #EntryDetails .pageFooter a {font-weight: bold; color: #C8AFA0;}
#Blog #TrailblazerBios .titleHeaderDiv {width: 100%;}
#Blog #TrailblazerBios .pageTitle {visibility: visible; float: left; color: #916041; font-size: 26px; font-weight: bold;}
#Blog #TrailblazerBios .categories {margin-top: 10px; float: right; font-size: 11px; color: #C8AFA0;}
#Blog #TrailblazerBios .categories a {color: #C8AFA0; margin-left: 7px;}
#Blog #TrailblazerBios .categories .on a {color: #916041; font-weight:bold;}
#Blog #TrailblazerBios .categories a:hover {color: Red;}
#Blog #TrailblazerBios #Bios {margin-bottom: 15px;}
#Blog #TrailblazerBios #Bios .bioHeaderDiv {margin-top: -15px; width: 100%;}
#Blog #TrailblazerBios #Bios .content {margin-top: 10px;}
#Blog #TrailblazerBios #Bios .left {float: left; font-size: 14px;}
#Blog #TrailblazerBios #Bios .right {margin-top: 1px; margin-right: 15px; float: right;}
#Blog #TrailblazerBios #Bios .imgTrailblazerPic {margin-top: 5px; margin-right: 15px; width: 127px; height: 127px;}
#Blog #TrailblazerBios #Bios .postDetails {line-height: 17px; font-size: 14px;}
#Blog #TrailblazerBios #Bios .hlPosts {margin-top: 20px; margin-bottom: 10px;}
#Blog #TrailblazerBios #Bios .hlPosts a {color: #C8AFA0;}
#Blog #TrailblazerBios #Bios .hlPosts a:hover {color: Red;}

#Blog #EntryDetails .pageFooter a:hover {color: Red;}
#Blog #EntryDetails .commentarea {margin-top: 15px;}
#Blog #EntryDetails .commentinfo,
#Blog #EntryDetails .commentform .postCommentHeader {margin-bottom: 15px; width: 100%; float: left; font-size: 13px; font-weight: bold; color: #916041;}
#Blog #EntryDetails .commentlist table {width: 100%;}
#Blog #EntryDetails .commentlist .comment {font-size: 14px; padding: 8px 15px 40px 13px; line-height: 20px;}
#Blog #EntryDetails .commentlist .footer {padding-left: 13px; padding-bottom: 8px; color: #916041; font-size: 11px; font-weight: bold;}
#Blog #EntryDetails .commentlist .footer a {color: #C8AFA0;}
#Blog #EntryDetails .commentWhite {background-color: #ffffff;}
#Blog #EntryDetails .commentTan {background-color: #FBF3E6;}
#Blog #EntryDetails .commentform .postCommentHeader {margin-top: 15px;}
#Blog #EntryDetails .commentform .form div {margin-bottom: 17px;}
#Blog #EntryDetails .commentform .form .textbox,
#Blog #EntryDetails .commentform .form .wmark {width: 240px;}
#Blog #EntryDetails .commentform .form .textarea,
#Blog #EntryDetails .commentform .form .wmarkarea {width: 580px; height: 150px;}

.print {color: #000000; background: none; font-weight: bold;}
.print .left {float: left;}
.print .right {float: right;}
.print .separator {margin-top: 7px; margin-bottom: 5px; padding: 0px; width: 100%; height: 0px; float: left; border-bottom: none; border-top: 1px solid #000000;}
.print .header {width: 100%; float: left;}
.print .header .left,
.print .sockName,
.print .sockHeight,
.print .styleNumber,
.print .sockInfoDiv .left .sectionTitle,
.print .colorDiv .sectionTitle {font-variant: small-caps; font-size: 9px; font-weight: bold;}
.print .sockInfoDiv .left .sectionTitle,
.print .colorDiv .sectionTitle {font-size: 11px;}
.print .header .left {font-size: 9px; font-weight: bold;}
.print .header .right {font-size: 18px; font-weight: bold;}
.print .sockInfoDiv div {font-size: 11px; line-height: 1.2em; font-weight: normal;}
.print .sockInfoDiv .left {margin-right: 35px; width: 215px;}
.print .sockName {margin-top: -10px; width: 75%; float: left; font-size: 26px;}
.print .sockHeight {font-size: 19px;}
.print .styleNumber {padding-top: 5px; padding-left: 5px; padding-bottom: 2px; font-size: 11px; font-weight: normal;}
.print .sockInfoDiv .left #divDistributors .logo {width: 69px; height: 25px; float: left; border: 1px solid black;}
.print .sockInfoDiv .left #divExtras ul {margin-left: 5px; list-style: disc;}
.print .sockInfoDiv .left #divExtras ul li {margin-left: 10px;}
.print .sockInfoDiv .left #divTechnologies .logosDiv {padding: 5px 0px;}
.print .sockInfoDiv .left #divTechnologies .logo {margin-right: 10px;}
.print .sockInfoDiv .image {float: left;}
.print .sockInfoDiv .image .imgSock {margin-top: 3px; width: 306px; height: 250px; float: left;}
.print .colorDiv .sectionTitle {margin-bottom: 10px;}
.print .colorDiv table {width: 100%; font-size: 9px;}
.print .colorDiv table tr td {width: 125px; padding-bottom: 15px;}
.print .colorDiv table .imgColor {margin-bottom: 5px; display: block;}
.print .footer {margin-top: 3px; margin-bottom: 10px; width: 100%; float: left; font-size: 9px; font-weight: bold;}

#ContactUs,
#FAQ,
#PrivacyPolicy,
#Glossary,
#SiteMap {margin-top: 5px; font-family: Arial, Helvetica, Sans-Serif;}

#ContactUs #SideMenu,
#FAQ #SideMenu,
#PrivacyPolicy #SideMenu,
#Glossary #SideMenu,
#AboutUs #SideMenu {margin-top: 0px; padding-top: 0px;}

#ContactUs #SideMenu .section,
#FAQ #SideMenu .section,
#PrivacyPolicy #SideMenu .section,
#Glossary #SideMenu .section,
#AboutUs #SideMen .section {margin-top: 0px;}

#ContactUs .wmarkArea {width: 265px; height: 78px;}
#ContactUs {min-height: 500px; height:auto !important; height:500px;}
#ContactUs #SideMenu .spacer {margin-top: 7px; margin-bottom: 7px;}
#ContactUs #SideMenu p {margin-bottom: 10px; margin-right: 25px; font-size: 14px;}
#ContactUs #SideMenu a:hover {color: Red;}
#ContactUs #ContactForm {width: 100%; color: #916041;}
#ContactUs #ContactForm .intro
#ContactUs #ContactForm .thankyou,
#ContactUs #ContactForm .form {width: 100%; float: left;}
#ContactUs #ContactForm .intro,
#ContactUs #ContactForm .thankyou {margin: 0px; padding: 10px 0px 10px 0px; width: 100%; float: left; font-size: 16px; font-weight: bold;}
#ContactUs #ContactForm .form {padding-top: 30px; padding-left: 35px;}
#ContactUs #ContactForm .form .retailerForm,
#ContactUs #ContactForm .form .consumerForm {margin-left: -35px;}
#ContactUs #ContactForm .form .retailerForm table,
#ContactUs #ContactForm .form .consumerForm table {margin-top: 30px;}
#ContactUs #ContactForm .form .retailerForm table td,
#ContactUs #ContactForm .form .consumerForm table td {padding-left: 10px; padding-bottom: 15px;}
#ContactUs #ContactForm .form .retailerForm .textbox,
#ContactUs #ContactForm .form .retailerForm .wmark,
#ContactUs #ContactForm .form .retailerForm .textarea,
#ContactUs #ContactForm .form .consumerForm .textbox,
#ContactUs #ContactForm .form .consumerForm .wmark,
#ContactUs #ContactForm .form .consumerForm .textarea {width: 265px;}
#ContactUs #ContactForm .form .retailerForm .textarea,
#ContactUs #ContactForm .form .consumerForm .textarea {height: 78px;}

#PrivacyPolicy #SideMenu a,
#FAQ #SideMenu a,
#Glossary #SideMenu a,
#AboutUs #SideMenu a,
#History #SideMenu a,
#BehindTheScenes #SideMenu a {margin-bottom: 15px; width: 100%; float: left; font-size: 12px;}
#PrivacyPolicy #SideMenu a:hover,
#FAQ #SideMenu a:hover,
#Glossary #SideMenu a:hover,
#AboutUs #SideMenu a:hover,
#BehindTheScenes #SideMenu a:hover,
#History #SideMenu a:hover {color: Red;}
#FAQ #FAQContent,
#Glossary #GlossaryContent,
#AboutUs #AboutUsContent,
#History #HistoryContent,
#BehindTheScenes #BehindTheScenesContent {margin-top: 7px; font-size: 11px; line-height: 17px;}
#PrivacyPolicy #PolicyContent .thickSeparator {margin-top: 30px; margin-bottom: 10px;}
#PrivacyPolicy #PolicyContent .right {float: right;}
#PrivacyPolicy #PolicyContent a,
#FAQ a,
#Glossary a,
#AboutUs a,
#History a,
#BehindTheScenes a {color: #C8AFA0;}
#AboutUs #SideMenu .section div,
#History #SideMenu .section div,
#BehindTheScenes #SideMenu .section div {margin-bottom: 15px;}
#AboutUs #SideMenu a,
#History #SideMenu a,
#BehindTheScenes #SideMenu a {margin-right: 5px; font-size: 14px; float: none;}
#AboutUs #SideMenu .on,
#History #SideMenu .on,
#BehindTheScenes #SideMenu .on {color: #916041; font-weight: bold;}
#AboutUs #SideMenu a img,
#History #SideMenu a img,
#BehindTheScenes #SideMenu a img {vertical-align: middle;}
#PrivacyPolicy #PolicyContent .topAnchor,
#FAQ #FAQContent .topAnchor,
#Glossary .topAnchor {padding-right: 10px; font-size: 12px;}
#PrivacyPolicy #PolicyContent .topAnchor:hover,
#FAQ #FAQContent .topAnchor:hover,
#Glossary .topAnchor:hover {color: Red;}
#PrivacyPolicy #PolicyContent .anchor {font-size: 14px;}
#Glossary #GlossaryContent .anchor {margin-top: -15px;}
#PrivacyPolicy #PolicyContent .update {margin-top: 10px; padding-right: 50px;}
#PrivacyPolicy .sectionDiv {font-size: 12px; margin-bottom: 25px;}
#PrivacyPolicy .sectionDiv .anchor {font-size: 13px; font-weight: bold; color: #916041;}
#FAQ #FAQContent a:hover,
#PrivacyPolicy #PolicyContent a:hover {color: Red;}

#FAQ .sectionDiv,
#FAQ .sectionDiv .anchor,
#FAQ .sectionDiv .anchor .header,
#Glossary .sectionDiv,
#Glossary .sectionDiv .anchor,
#Glossary .sectionDiv .anchor .header {width: 100%; float: left;}
#FAQ .sectionDiv {margin-bottom: 5px; font-size: 11px;}
#FAQ .sectionDiv .anchor,
#Glossary .sectionDiv .anchor {margin-bottom: 10px;}
#FAQ .sectionDiv .anchor .header,
#Glossary .sectionDiv .anchor .header {font-size: 12px; font-weight: normal;}
#FAQ .sectionDiv .anchor .header .left,
#Glossary .sectionDiv .anchor .left {float: left; font-weight: bold; font-size: 14px; width: 390px;}
#Glossary .sectionDiv .anchor .left {font-size: 20px;}
#FAQ .sectionDiv .anchor .header .right,
#Glossary .sectionDiv .anchor .right {float: right; width: 90px;}
#FAQ .sectionDiv .questionDiv,
#Glossary .sectionDiv .definitionDiv {margin-bottom: 20px;}
#FAQ .sectionDiv .question,
#Glossary .sectionDiv .term {font-weight: bold; font-size: 14px;}
#FAQ .bottom,
#Glossary .bottom {margin-top: 15px; margin-bottom: 10px;}

#FindARetailer, #FindARetailer a, #FindARetailer .textbox {color: #916041;}
#FindARetailer .separator {border-color: #7F7361;}
#FindARetailer .title {background: url(../Images/Graphics/headerProductDetail.gif) repeat-x;}
#FindARetailer .inputDiv, #FindARetailer .resultsDiv {padding: 20px; background-color: #F3EEEC;}
#FindARetailer .inputDiv td {padding-bottom: 30px;}
#FindARetailer .inputDiv .city td {padding-bottom: 15px;}
#FindARetailer .inputDiv .small {width: 120px;}
#FindARetailer .resultsDiv .left,
#FindARetailer .resultsDiv .right {float: left;}
#FindARetailer .resultsDiv .left {width: 470px;}
#FindARetailer .resultsDiv .left .map {margin: 35px 0px 0px 35px; width: 390px; height: 390px;}
#FindARetailer .resultsDiv .right {margin-top: 35px; border: 1px solid #7F7361; border-bottom: none; border-right: none; height: 390px; overflow: auto; width: 318px;}

#UCFindARetailer, #UCFindARetailer a, #UCFindARetailer .textbox {color: #916041;}
#UCFindARetailer .separator {border-color: #7F7361;}
#UCFindARetailer .title {background: url(../Images/Graphics/headerProductDetail.gif) repeat-x;}
#UCFindARetailer #topSection {background-color: #F3EEEC;}
#UCFindARetailer #bottomSection {background-color: #F3EEEC;}
#UCFindARetailer .inputDiv, #UCFindARetailer .resultsDiv {padding: 20px; background-color: #F3EEEC;}
#UCFindARetailer .inputDiv td {padding-bottom: 30px;}
#UCFindARetailer .inputDiv .city td {padding-bottom: 15px;}
#UCFindARetailer .inputDiv .small {width: 150px;}
#UCFindARetailer .resultsDiv .left,
#UCFindARetailer .resultsDiv .right {float: left;}
#UCFindARetailer .resultsDiv .left {width: 470px;}
#UCFindARetailer .resultsDiv .left .map {margin: 35px 0px 0px 35px; width: 390px; height: 390px;}
#UCFindARetailer .resultsDiv .right {margin-top: 35px; border: 1px solid #7F7361; border-bottom: none; border-right: none; height: 390px; overflow: auto; width: 318px;}

#Glossary #SideMenu p {font-size: 14px;}
#Glossary #SideMenu .section a {font-size: 12px;}
#Glossary .tblDefinition {margin-bottom: 30px;}
#Glossary .tblDefinition tr td,
#Glossary .litDescription {padding-bottom: 15px;}
#Glossary .tblDefinition .definitionLeft {width: 415px;}
#Glossary .tblDefinition .definitionLeft .term {font-size: 14px;}
#FAQ .sectionDiv p,
#Glossary .tblDefinition .definitionLeft p,
#Glossary .litDescription {font-size: 12px;}
#Glossary .tblDefinition .definitionRight {padding-top: 5px; width: 200px; text-align: left;}
#Glossary .tblDefinition .definitionRight img {margin-left: 30px;}

#AboutUs #SideMenu .sectionName2,
#BehindTheScenes #SideMenu .sectionName2,
#History #SideMenu .sectionName2 {margin-bottom: 15px;}
#AboutUs .aboutusContent {font-size: 1.2em;}
#AboutUs .aboutusContent p {margin-right: 30px;}

#BehindTheScenes #BehindTheScenesContent {margin-left: -20px;}

#SiteMap {margin-left: 20px;}
#SiteMap h2 {margin-bottom: 15px; font-size: 16px; color: #916041;}
#SiteMap a {color: #C8AFA0;}
#SiteMap a:hover {color: Red;}
#SiteMap ul {margin-left: 15px; color: #916041; list-style: disc;}
#SiteMap li {margin-bottom: 5px;}
#SiteMap .navAreas {float: left; width: 20%;}

#AboutSocks .imgSeparator {margin: 10px 0px;}
#AboutSocks .leftSide, #AboutSocks .rightSide {float: left;}
#AboutSocks .leftSide {width: 170px; height: 450px; color: #916041; padding: 20px 15px 15px 15px; background-color: #FBF3E6;}
#AboutSocks .leftSide .intro {font-size: 16px;}
#AboutSocks .leftSide .link a {color: #C8AFA0;}
#AboutSocks .leftSide .link a:hover {color: Red;}
#AboutSocks .rightSide {width: 500px;padding-left:90px;}


#ErrorGeneral a {color: #916041;}

/* Start SockFinder styles */

#SockFinder .title {background: url(../Images/Graphics/headerProductDetail.gif) repeat-x;}
.Work #SockFinder .title {color: #ffffff;}
#SockFinder .textbox {width: 220px;}
#SockFinder .keywordDiv,
#SockFinder .featureDiv {padding: 25px 15px; background-color: #F3EEEC; width: 800px;}
#SockFinder .keywordDiv .left {float: left;}
#SockFinder .keywordDiv .left img {vertical-align: baseline;}
#SockFinder .keywordDiv .right {margin-right: 1px; float: right;}
#SockFinder .featureDiv .rightDiv {float: left; margin-left: 18px; width: 118px; height: 285px;}
#SockFinder .featureDiv .intro {margin-left: 16px; margin-top: 2px;}
#SockFinder .featureDiv .buttons input,
#SockFinder .featureDiv .buttons img {margin-left: 18px; margin-top: 7px;}
#SockFinder .tblSockFinder,
#RefineSearch .tblSockFinder {margin-top: 0px; float: left; width: 665px;}
#SockFinder .tblSockFinder .row .first,
.tblSockFinder .row .first {padding-left: 0px;}
#SockFinder .tblSockFinder .row .section .first,
.tblSockFinder .row .section .first {padding-left: 0px;}
#SockFinder .tblSockFinder .row .section .sectionTitle,
#SockFinder .tblSockFinder .contentDiv .sectionTitle {color: #8A5241;}
#SockFinder .tblSockFinder .row .sectionContent td,
.tblSockFinder .row .sectionContent td {height: 40px;}
#SockFinder .tblSockFinder .row .sectionContent .tblContent,
.tblSockFinder .row .sectionContent .tblContent {margin-top: 10px;}
#SockFinder .tblSockFinder .row .sectionContent .tblContent td,
.tblSockFinder .row .sectionContent .tblContent td {height: 30px; padding-bottom: 10px;}
#SockFinder .tblSockFinder .row .sectionContent .finderLabel,
.tblSockFinder .row .sectionContent .finderLabel {display:none; white-space: nowrap; position: absolute; background: #ed1c24; color: #ffffff; font-size: 11px; padding: 1px 4px 1px 4px; margin-top: -15px; }
#RefineSearch .content .tblSockFinder .row .section .tblWeight,
#SockFinder .tblSockFinder .row .section .tblWeight {width: 120px;}
#SockFinder .tblSockFinder .natural {width: 205px; border-right: 1px solid #C2A796;}
#SockFinder .tblSockFinder .manmade {padding-left: 15px; width: 435px;}
#SockFinder .tblSockFinder .contentDiv {float: left; padding-top: 10px; border-bottom: 1px solid #C2A796;}
#SockFinder .tblSockFinder .contentDiv .typeDiv {float: left; margin-top: 15px;}
#SockFinder .tblSockFinder .natural .typeDiv {margin-right: 45px;}
#SockFinder .tblSockFinder .manmade .typeDiv {margin-right: 93px;}
#SockFinder .tblSockFinder .contentDiv .typeDiv div {margin-bottom: 10px;}
#SockFinder .tblSockFinder .contentDiv .last {margin-right: 0px;}

/* End SockFinder styles */

/* Start StandAlone styles */

.standAloneWrapper {position: relative; z-index: 0;}
.standAloneWrapper .overlay {position: absolute; z-index: 10; top: 20px; left: 0px; width: 100%; height: 650px; background: url(../Images/Graphics/overlay.gif) repeat;}
.standAloneWrapper .overlay a {text-indent: -999999px; display: block; width: 100%; height: 100%;}
#StandAlone {padding-bottom: 30px; font-family: Helvetica, Arial, Sans-serif; background-color: #ffffff;}
#StandAlone h1,
#StandAlone .stroke,
#StandAlone .contentWrapper {margin-left: 62px;}
#StandAlone h1 {font-size: 32px; font-weight: normal; line-height: 40px; padding: 0px;}
#StandAlone .stroke {margin-top: 17px; margin-bottom: 40px;}
#StandAlone .left {float: left; margin-right: 18px;}
#StandAlone .right {float: left; font-size: 16px;}
#StandAlone .right ul {list-style-type: disc; width: 220px; height: 250px; padding-left: 25px;}
#StandAlone .right ul li {padding-bottom: 25px;}
#StandAlone .right .button {margin-left: 22px;}

/* End StandAlone styles */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}


.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

