/* Basic */
.treeMenu { padding: 10px 0 5px 10px; text-align: left }
.content { border: solid 1px #C7C7C7; color: #464646; text-align: left }
.contentP { margin: 10px 0 }
.sysMsgBox { margin: 10px 20px 30px 20px; padding: 10px 15px 0px 15px; border: solid 1px #C7C7C7; text-align: left }
.sysMsgBox .titleBlue { letter-spacing: 0px }
.note { font-size: 11px; color:#555555 }
.titleBlue { font-size: 15px; font-weight: bold; letter-spacing:1px; color: #57b5ec}
.titlePeach { font-size: 15px; font-weight: bold; letter-spacing:1px; color: #e06884 }
.titleGreen { font-size: 15px; font-weight: bold; letter-spacing:1px; color: #bfb34b }
.titleAqura { font-size: 15px; font-weight: bold; letter-spacing:1px; color: #599d83 }
.titleGray { font-size: 15px; font-weight: bold; letter-spacing:1px; color: #555 }
.subtitleBlue { background: url(../images/blue_replay.gif) top left no-repeat; height: 30px }
.subtitleBlue2 {background: url(../images/subTitleBG.gif) no-repeat center left; margin-bottom: 5px; padding-left: 5px; width: 760px; font-size: 16px; font-weight: bold; color: #58a4d0; line-height: 36px}
.subtitlePeach { background: url(../images/peach_replay.gif) top left no-repeat; height: 30px }
.subtitleGreen { background: url(../images/green_replay2.gif) top left no-repeat; height: 30px }
.subtitleGray { background: url(../images/gray_replay.gif) top left no-repeat; height: 30px }
.footerBanner { margin-top: 25px; padding: 6px; border-top: solid 6px #DEDEDE; border-bottom: solid 6px #DEDEDE }
.footerBanner div { padding: 6px 0; border: solid 1px #DEDEDE }
.invContent { position: absolute; display: none }

/* Button */
.buttonBlue a { display: block; background: url(../images/blue_price.gif) no-repeat top left; width: 82px; color: #666; line-height: 22px; text-align: center; text-decoration: none; float: left }
.buttonBlue a:hover { background: url(../images/blue_price_o.gif) no-repeat top left; color: #FFF }
.buttonBlue2, .buttonBlue4, .buttonRed2, .buttonRed4, .buttonGrey, .buttonGreen, .buttonPeach { background: url(../images/buttonWhite.gif) no-repeat top left; margin: 0px; padding: 3px 0 4px 0; border: 0; width: 82px; color: #666 }
.buttonBlue2:hover { background: url(../images/buttonBlue2.gif) no-repeat top left; color: #FFF; cursor:pointer }
.buttonBlue4:hover { background: url(../images/buttonBlue4.gif) no-repeat top left; color: #FFF; cursor:pointer }
.buttonRed2:hover { background: url(../images/buttonRed2.gif) no-repeat top left; color: #FFF; cursor:pointer }
.buttonRed4:hover { background: url(../images/buttonRed4.gif) no-repeat top left; color: #FFF; cursor:pointer }
.buttonPeach:hover { background: url(../images/buttonPeach.gif) no-repeat top left; color: #FFF; cursor:pointer }
.buttonGrey2:hover { background: url(../images/buttonRed2.gif) no-repeat top left; color: #FFF; cursor:pointer }
.buttonGrey:hover { background: url(../images/popbutgrey_o.gif) no-repeat top left; color: #666; cursor:pointer }
.buttonGreen:hover { background: url(../images/butgreen.gif) no-repeat top left; color: #666; cursor:pointer }

/* Links */
.linkgrey { color: #555555; text-decoration:underline }
.linkgrey:hover { color: #888; text-decoration: underline }
.linkBlue { color: #57b5ec; text-decoration: none }
.linkBlue:hover { color: #439cd0; text-decoration: underline }
.linkPeach { color: #e06884; text-decoration: none }
.linkPeach:hover { color: #d64969; text-decoration: underline }
.linkXBlue { display: block; background: #fff; padding: 1px 4px 4px 4px; font-weight: bold; color: #154E70; line-height: 10px; text-decoration: none; float: right }
.linkXBlue:hover { background: #57B5EC; color: #fff }
.linkXPeach { display: block; background: #fff; padding: 1px 4px 4px 4px; border: solid 1px #FFEBEB; font-weight: bold; color: #e06884; line-height: 10px; text-decoration: none; float: right }
.linkXPeach:hover { background: #000; color: #fff }
.linkGreen { color: #9b9456; text-decoration: none }
.linkGreen:hover { color: #bfb34b; text-decoration: underline }
.linkAqura { color: #599d83; text-decoration: none }
.linkAqura:hover { color: #2a795b; text-decoration: underline }

/* About Us */
.aboutTable { margin: 10px 0 0 10px }
.aboutTable blockquote { margin: 0 0 0 15px }

/* Member Registration */
.birthdayNote { font-size: 12px; background: #FFF; border: solid 1px #C7C7C7; width: 170px; padding: 10px; text-decoration:none }
.tipsnote { font-size: 12px; text-decoration:none }
.tipsnote:hover { font-size: 12px; text-decoration:underline }

/* FAQ */
.answerBox { background: #FFEBEB; margin: 10px; padding: 10px 20px; color: #5F3E3E }
.questionLink { color: #414141; text-decoration: none; line-height: 20px }
.questionLink:hover { color: #FF7878 }

/* Question */
.qTitle { float: left; background: url(../images/question_bg.gif) no-repeat top right; width: 600px; margin-bottom: 10px; padding: 3px 5px; font-size: 16px; font-weight: bold; color: #FFF }
.qQuestion { float: left; width: 300px; padding: 0 20px; border-left: solid 1px #DDD; line-height: 20px }
.qIcon { float: left; background: #999; width: 80px; height: 80px; margin: 0 20px 0 10px }
.qRadio { float: left }

/* Brand List */
.listingContent { padding: 0 10px; color: #999; text-align: left; font-size:15px;}
.listingContent ul { list-style: none; margin: 0px; padding: 0 10px }
.listingContent li { padding:0 0 5px 10px; width:225px; height:35px; float: left;}
.listingContent span { display:block; background: url(../images/subTitleBG.gif) no-repeat center left; margin-bottom: 5px; padding:5px 0 10px 5px; width: 760px; font-size: 16px; font-weight: bold; color: #58a4d0; line-height: 36px; float: left }
.listlinkBlue { color: #555555; text-decoration: none }
.listlinkBlue:hover { color: #439cd0 }

/* Search Container */
.searchContainer { margin: 0px 10px; height: 100%; border: 1px solid #58A4D0; text-align: left }
.searchContainer .leftSection { background: #58A4D0; padding: 10px; width: 140px; height: 200px; color: #FFF; float: left }
.searchContainer .rightSection { margin-left: 160px; padding: 10px }
.searchContainer .rightSection p { margin: 0 0 10px 0; padding: 0 }
.searchContainer .rightSection span { background: #58A4D0; padding: 2px 4px; color: #FFF }
.searchContainer .rightSection select { vertical-align: inherit }
.searchContainer .rightSection input { border: 1px solid #7F9DB9; vertical-align: inherit }
.searchContainer .rightSection .buttonArea { margin-top: -45px; float: right }

#quickSearch .leftSection { border-bottom: 1px solid #FFF }
#quickSearch .rightSection { border-bottom: 1px dotted #57b5ec}
#quickSearch .leftSection, #quickSearch .rightSection { height: 115px }
#keywordSearch .leftSection, #keywordSearch .rightSection { height: 60px }

.noteTitle { background: #E6F5FF; padding: 5px 10px; border-left: 5px solid #58A4D0; text-align: left }
.noteTitle span { font-size: 16px; font-weight: bold; color: #327DAF }

.searchMenuSelect { padding: 0 10px }
.searchMenuSelect a { display: block; margin-right: 5px; width: 125px; font-size: 14px; font-weight: bold; line-height: 40px; text-align: center; text-decoration: none; float: left;  }
.searchMenuSelect .selected { background: url(../images/search_select_button1.gif) no-repeat top left #999; color: #57b5ec}
.searchMenuSelect .normal { background: url(../images/search_select_button2.gif) no-repeat top left #999; color: #999 }

.searchMenuList { margin-left: 10px }
.searchMenuList ul { margin: 0; padding: 0; list-style: none }
.searchMenuList ul span { margin-left: 5px }
.searchMenuList ul span, .searchMenuList ul li { margin-right: 5px; float: left }

/* Product Type */
.producttypeTitle { font-size: 15px; font-weight: bold; letter-spacing:1px; text-decoration: none; }
.producttypeTitle:hover { text-decoration: none }
.producttypeSubtitle {padding:5px 2px 5px 2px; font-size: 15px; font-weight: bold; text-decoration: none; text-align:left;}
.producttypeSubtitle:hover { text-decoration: underline }
.producttypeItem { border: 1px solid #D9D8D8; padding: 5px; width: 168px; font-size: 15px; color: #666; text-align: left; float: left; line-height:17px; }
.producttypeItem a { font-size: 15px; color: #424141; text-decoration: none }
.producttypeItem a:hover { text-decoration: underline }
/* Blue Set */
.ptTitleBlue { color: #57b5ec }
.ptTitleBlue:hover { color: #439cd0 }
.ptSubtitleBlue { color: #57b5ec }
.producttypeItem .blueLink:hover { color: #439cd0 }
/* Aqua Set */
.ptTitleAqua { color: #599d83 }
.ptTitleAqua:hover { color: #668f80 }
.ptSubtitleAqua { color: #599d83 }
.producttypeItem .aquaLink:hover { color: #668f80 }
/* Red Set */
.ptTitleRed { color: #ec57a9 }
.ptSubtitleRed { color: #ec57a9 }
.producttypeItem .redLink:hover { color: #ec57a9 }
/* Cyan Set */
.ptTitleCyan { color: #4bb4b4 }
.ptSubtitleCyan { color: #4bb4b4 }
.producttypeItem .cyanLink:hover { color: #4bb4b4 }
/* Orange Set */
.ptTitleOrange { color: #ed9a00 }
.ptSubtitleOrange { color: #ed9a00 }
.producttypeItem .orangeLink:hover { color: #ed9a00 }
/* Purple Set */
.ptTitlePurple { color: #8f6fc8 }
.ptSubtitlePurple { color: #8f6fc8 }
.producttypeItem .purpleLink:hover { color: #8f6fc8 }
/* Gold Set */
.ptTitleGold { color: #b4b06a }
.ptSubtitleGold { color: #b4b06a }
.producttypeItem .goldLink:hover { color: #b4b06a }
/* Pink Set */
.ptTitlePink { color: #efa9ae }
.ptSubtitlePink { color: #efa9ae }
.producttypeItem .pinkLink:hover { color: #efa9ae }
/* Grass Set */
.ptTitleGrass { color: #8ec55d }
.ptSubtitleGrass { color: #8ec55d }
.producttypeItem .grassLink:hover { color: #8ec55d }