/* Helpdesk Navigation */
.secondaryNavigation {margin: 0 0 10px 10px; width: 175px; float: left; background-color: #ECECEC; min-height: 345px;}
.secondaryNavigation h2 {margin: 10px 0 0 10px; padding: 0;}
.secondaryNavigation ul {margin: 3px 10px 10px 10px; padding: 0; list-style: none;}
.secondaryNavigation ul li {border-bottom: 1px solid #CCC; padding-left: 10px; letter-spacing: 0.5px; color: #99C;}
.secondaryNavigation ul li a {display: block; padding-left: 10px; color: #000; text-decoration: none; letter-spacing: 0px;}
.secondaryNavigation ul li a:hover {background-color: #FFC;}

/* Helpdesk Content */
.contentArea {margin-left: 190px; padding: 0 10px; min-height: 350px;}
.helpSection {display: none;}
.helpSection a {color: #000;}
.helpSection a:hover {color: #F06;}
.defaultSection {display: block;}
#HelpDeskContent h2 {margin: 0; padding: 5px 0; border-bottom: 4px double #CCC; color: #F06; letter-spacing: 1px; text-transform: capitalize;}
#HelpDeskContent h3 {border-top: 1px solid #CCC; padding-top: 10px; text-transform: none; color: #99C; font-size: 12px;}
#HelpDeskContent h4 {float: none; font-weight: bold; text-transform: none; margin: 0; padding: 0;}

/* Helpdesk Content - Size Chart */
#braceletSizeChart {width: 225px;}
#cuffSizeChart {width: 250px;}
#necklaceSizeChart {width: 350px;}
.sizeChart {margin-bottom: 10px; margin-left: 0; border: 1px solid #F06; padding: 2px 3px;}
.sizeChart th {text-align: left; font-size: 10px; background-color: #DDD; padding: 1px 3px;}
.sizeChart td {text-align: left; font-size: 10px; color: #000; padding: 3px 6px;}

/* Helpdesk Comparison Chart */
#chart, #chartPhoto {width: 525px; margin-bottom: 10px; margin-left: 0; padding: 10px 0; font-size: 10px;}
#chart thead tr {font-size: 10px; border-bottom: 1px solid #CCC;}
#chart th {text-align: left;}
#chart td {text-align: left; vertical-align: top; font-size: 10px; color: #000; padding: 3px;}
#chartPhoto tr {text-align: center;}

#contactUs {margin: 10px;}
#contactUs h2 {margin: 0; padding: 5px 0; border-top: 1px dashed #CCC; border-bottom: 1px dashed #CCC;}

/* New Collection Section */
#comparisonFinish1, #comparisonFinish2 {width: 225px;}
#comparisonChart {width: 500px;}
#identifyChart {width: 550px;}
#ClassicSuggestions, #MiniSuggestions {width: 550px;}
#ClassicGuide, #MiniGuide {width: 550px;}
#NewNames {width: 350px;}
.gray {color: #888;}
.suggestionTable {font-size: 10px; border: 1px solid #99C; margin: 10px 0; padding: 2px 3px;}
.suggestionTable td {padding: 3px;}
.suggestionTable th {text-align: left; font-size: 10px; background-color: #DDD; padding: 1px 3px;}
.suggestionTable tr {text-align: left; font-size: 10px; border: 1px solid #CCC; padding: 1px 3px;}
.inline li {display: inline;}

#processTable {width: 550px; font-size: 10px;}
#processPhotos {width: 550px; padding: 10px;}
.processStory {font-weight: bold; font-size: 12px;}

/* My Account*/
#MyAccountContent {margin-left: 190px; width: 550px; display: block;}
#customerInfo, #orderHistory, #wishList, #changePassword, #mailingList {width 550px;}
.PageIdHelpSection {padding-left: 10px;}
.PageIdHelpSection h3 {font-size: 14px; font-weight: bold; color: #F06; letter-spacing: 1px; padding-bottom: 3px; margin: 0; text-transform: capitalize; border-bottom: 4px double #CCC;}
.PageIdHelpSection p {font-size: 10px; padding: 6px 10px 10px 0; margin: 0;}
.PageIdHelpSection h4 {font-size: 10px; font-weight: normal; color: #F06;}

.subscribeOption {width: 450px; padding: 0; margin: 0;}

.orderHistoryTable {width: 550px; padding: 0; margin: 0;}
.orderHistoryTable span {font-size: 10px; text-align: center;}
.orderHistoryTable a {font-size: 8px; color: #F06; font-weight: bold; text-decoration: none;}
.orderHistoryTable a:hover {color: #4CBB17; text-decoration: underline;}

#orderLegacyDetails {border-top: 1px dashed #CCC; border-bottom: 1px dashed #CCC; margin: 0 10px; padding: 6px 0;}
.orderHistoryDetails {padding: 3px 10px;}

.wishListTable {width: 550px; padding-left: 10px;}
.wishListTable tr td img {width: 75px; padding: 0 3px; text-align: left;}

/* Fun Stuff */
#FunStuffContent h2 {margin: 0; padding: 5px 0; border-top: 1px dashed #CCC; border-bottom: 1px dashed #CCC; color: #F06; letter-spacing: 1px;}
#FunStuffContent h3 {border-top: 1px solid #CCC; padding-top: 10px; text-transform: none; color: #99C; font-size: 12px;}
#FunStuffContent h4 {float: none; font-weight: bold; text-transform: none; margin: 0; padding: 0;}

/* Store Locator */
#dealerFilterOptions {padding: 10px; text-align: center;}
.dealerGrid {width: 550px; padding: 0; margin: 0;}
.dealerGrid tr td {padding: 3px; font-size: 10px;}
.dealerGrid tr.dealerHeader td {background-color: #99C; color: #FFF; padding: 5px; text-align: left; font-size: 12px; white-space: nowrap;}
.dealerGrid tr.oddRow td {background-color: #F7F7F7;}
.emptyResult {display: block; text-align: center; padding: 15px;}