/* HTC BEGIN */ h1 { font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight: bold; } h2 { font-family: Verdana, Arial, sans-serif; font-size: 14px; } /* HTC END */ .tab_details {padding:2px; display:block;} .tab_details_table {border:1px solid #1e2d38; padding:2px; border-collapse:collapse;} .tab_details_td {border:1px solid #1e2d38; border-left:1px solid #1e2d38; border-right:1px solid #1e2d38; text-align:center; padding:2px; background: url('../graphics/tab_bg.jpg') 0% 0% repeat-x;} .tab_details_td_a {border-left:1px solid #1e2d38; border-right:1px solid #1e2d38; text-align:center; background: url('../graphics/tab_bg_act.jpg') 0% 0% repeat-x;} .tab_text{color:#000000; text-decoration:none; font-size:9px;} .tab_text:hover{text-decoration:none;} .thecontent { background-color:#ffffff; } /*------------- main text ----------------*/ .leftmenu2 A:link {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #ffffff; text-decoration: none; font-weight: bold } .leftmenu2 A:visited {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #ffffff; text-decoration: none; font-weight: bold } .leftmenu2 A:active {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #ffffff; text-decoration: none; font-weight: bold } .leftmenu2 A:hover {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFCC66; text-decoration: none; font-weight: bold } .red A:link {color: #cc0000; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-weight: bold} .red A:visited {color: #cc0000; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-weight: bold} .red A:active {color: #cc0000; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-weight: bold} .red A:hover {color: #cc0000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold} .bluelinks A:link {color: #336699; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold} .bluelinks A:visited {color: #336699; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold} .bluelinks A:active {color: #336699; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold} .bluelinks A:hover {color: #cc0000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold} .otherlinks A:link {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333; text-decoration: underline; font-weight: bold } .otherlinks A:visited {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333; text-decoration: underline; font-weight: bold } .otherlinks A:active {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333; text-decoration: underline; font-weight: bold } .otherlinks A:hover {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #cc0000; text-decoration: none; font-weight: bold } .homelinks A:link {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #003300; text-decoration: underline; font-weight: bold; line-height: 20pt } .homelinks A:visited {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #003300; text-decoration: underline; font-weight: bold; line-height: 20pt } .homelinks A:active {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #003300; text-decoration: underline; font-weight: bold; line-height: 20pt } .homelinks A:hover {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #cc0000; text-decoration: none; font-weight: bold; line-height: 20pt } .homelinks2 A:link {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #003300; text-decoration: underline; font-weight: normal} .homelinks2 A:visited {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #003300; text-decoration: underline; font-weight: normal} .homelinks2 A:active {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #003300; text-decoration: underline; font-weight: normal} .homelinks2 A:hover {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #cc0000; text-decoration: none; font-weight: normal} .leftmenu A:link {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333; text-decoration: none; font-weight: bold } .leftmenu A:visited {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333; text-decoration: none; font-weight: bold } .leftmenu A:active {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333; text-decoration: none; font-weight: bold } .leftmenu A:hover {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #ffffff; text-decoration: none; font-weight: bold } .didyouknow A:link {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #ffffff; text-decoration: none; font-weight: bold } .didyouknow A:visited {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #ffffff; text-decoration: none; font-weight: bold } .didyouknow A:active {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #ffffff; text-decoration: none; font-weight: bold } .didyouknow A:hover {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFCC66; text-decoration: none; font-weight: bold } .whitelink A:link {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #ffffff; text-decoration: none; font-weight: bold } .whitelink A:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #ffffff; text-decoration: none; font-weight: bold } .whitelink A:active {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #ffffff; text-decoration: none; font-weight: bold } .whitelink A:hover {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #FFCC66; text-decoration: none; font-weight: bold } .whitelink2 A:link {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffffff; text-decoration: none; font-weight: normal } .whitelink2 A:visited {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffffff; text-decoration: none; font-weight: normal } .whitelink2 A:active {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffffff; text-decoration: none; font-weight: normal } .whitelink2 A:hover {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFCC66; text-decoration: none; font-weight: normal } .leftmenuhome A:link {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333; text-decoration: none; font-weight: bold } .leftmenuhome A:visited {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333; text-decoration: none; font-weight: bold } .leftmenuhome A:active {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333; text-decoration: none; font-weight: bold } .leftmenuhome A:hover {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #cc0000; text-decoration: none; font-weight: bold } .other A:link {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333; text-decoration: underline; font-weight: normal } .other A:visited {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333; text-decoration: underline; font-weight: normal } .other A:active {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333; text-decoration: underline; font-weight: normal } .other A:hover {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #cc0000; text-decoration: none; font-weight: normal } .text { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333 } .text2 { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333 } .text3 { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333; font-weight: bold } .text4 { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333; font-weight: bold } .text5 { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #333333 } .orangetext { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #EC6C04 } .menubold2 { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #ffffff; font-weight: bold; text-align: right;} .whitetitle { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #ffffff; font-weight: bold; position: absolute; left: 210; top: 180} .homewhite { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #ffffff; font-weight: bold; position: absolute; left: 210; top: 210; width: 350} .voice { position: absolute; left: 210; top: 295 } .flash { position: absolute; left: 290; top: 294 } .tour { position: absolute; left: 370; top: 293 } .holiday { position: absolute; left: 545; top: 175 } .watertitle { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #ffffff; font-weight: bold } .white { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #ffffff } .whitelink2text {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffffff } .personalcare { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #663333; font-weight: bold; line-height: 25pt } .air { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #003366; font-weight: bold; line-height: 25pt } .green { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #003300; font-weight: bold; line-height: 25pt } .boxaroundp { min-width: 200px; max-width: 200px; border-color:#C8DCB4; border-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; margin-top: 0px; text-align:left;} ul.sitemap { color: #ff0000; } /*------------- main text ----------------*/ .productjsyn3 { color:#343333; font-family: arial, sans-serif; font-size: 11px; } a.productjsyn3 { color:#343333; font-family: arial, sans-serif; font-size: 11px; } a.productjsyn3:visited { color:#343333; font-family: arial, sans-serif; font-size: 11px; } a.productjsyn3:active { color:#343333; font-family: arial, sans-serif; font-size: 11px; } a.productjsyn3:hover { color:#686868; font-family: arial, sans-serif; font-size: 11px; } /*------------- news text ----------------*/ .productjsyn3b { color:#343333; font-family: arial, sans-serif; font-size: 11px; } a.productjsyn3b { color:#343333; font-family: arial, sans-serif; font-size: 11px; } a.productjsyn3b:visited { color:#343333; font-family: arial, sans-serif; font-size: 11px; } a.productjsyn3b:active { color:#343333; font-family: arial, sans-serif; font-size: 11px; } a.productjsyn3b:hover { color:#686868; font-family: arial, sans-serif; font-size: 11px; } .jsyn2 { font-family: arial, sans-serif; font-size: 11px; color: #FFFFFF; } a.jsyn2 { color:FFFFFF; } a.jsyn2:visited { color:#FFFFFF; } a.jsyn2:active { color:#FFFFFF; } a.jsyn2:hover { color:#2B2C2D; } /*------------- coheart.com footer text ----------------*/ .jsyn2h { font-family: arial, sans-serif; font-size: 11px; color: #FFFFFF; } a.jsyn2h { color:FFFFFF; } a.jsyn2h:visited { color:#FFFFFF; } a.jsyn2h:active { color:#FFFFFF; } a.jsyn2h:hover { color:#F26522; text-decoration: underline; } /*------------- coheart.com splash news ----------------*/ .jsyn2hn { font-family: arial, sans-serif; font-size: 11px; color: #003300; } a.jsyn2hn { color:003300; } a.jsyn2hn:visited { color:#003300; } a.jsyn2hn:active { color:#003300; } a.jsyn2hn:hover { color:#F26522; text-decoration: underline; } /*------------- coheart.com side menu ----------------*/ .jsyn2m { font-family: arial, sans-serif; font-size: 11px; font-weight: bold; color: #444242; } a.jsyn2m { color:#444242; } a.jsyn2m:visited { color:#444242; } a.jsyn2m:active { color:#444242; } a.jsyn2m:hover { color:#F26522; text-decoration: underline; } /*----------------- table classes --------------------*/ /*----------------- table for sts template --------------------*/ .table3sts { font-size: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #B9B9B9; border-right-color: #B9B9B9; border-bottom-color: #B9B9B9; border-left-color: #B9B9B9; background: #FFFFFF; } /*----------------- table for productpage right only --------------------*/ .table3sts2 { font-size: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: none; border-top-color: #B9B9B9; border-right-color: #B9B9B9; border-bottom-color: #B9B9B9; border-left-color: #B9B9B9; background: #FFFFFF; } .boxtable1 { background-color: #DEEDF7; } .table2 { font-size: 10px; font-family: arial; color: 616263; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: dashed; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #8A8A8A; border-right-color: #FF6600; border-bottom-color: #8A8A8A; border-left-color: #FF6600; background: #F1F1F1; } .table3 { font-size: 10px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-top-color: #CFD1D2; border-right-color: #CFD1D2; border-bottom-color: #CFD1D2; border-left-color: #CFD1D2; background: FFFFFF; } /*----------------- coheartcom splash product boxes --------------------*/ .table3s { font-size: 10px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-top-color: #CFD1D2; border-right-color: #CFD1D2; border-bottom-color: #CFD1D2; border-left-color: #CFD1D2; background: FFFFFF; } .tablew { font-size: 10px; font-family: arial, sans-serif; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #8A8A8A; border-right-color: #FF6600; border-bottom-color: #8A8A8A; border-left-color: #FF6600; background: #FFFFFF; } .tablew2 { font-size: 10px; font-family: arial, sans-serif; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #8A8A8A; border-right-color: #FF6600; border-bottom-color: #8A8A8A; border-left-color: #FF6600; background: #F3F3F3; } .tableg { font-size: 10px; font-family: arial, sans-serif; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #8A8A8A; border-right-color: #FF6600; border-bottom-color: #8A8A8A; border-left-color: #FF6600; background: #DBD9D9; } /*----------------- x --------------------*/ .table4 { background-color: C04E12; font-size: 10px; } /*----------------- x --------------------*/ .table5 { background-color: FFFFFF; color: #2F2C2C; font-family: arial, sans-serif; font-size: 12px; } .table6 { background-color: 53A6DC; font-size: 10px; } /*-------------- end table classes ----------------*/ /*-------------- all below is legacy ----------------*/ .boxText { font-family: Arial, sans-serif; font-size: 11px; } .errorBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #ffb3b5; font-weight: bold; } .stockWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #cc0033; } .productsNotifications { background: #8DC63F; } .orderEdit { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #70d250; text-decoration: underline; } BODY { margin: 0px; font-family: Verdana,Arial,Sans-serif; } A { color: #495169; text-decoration: none; } A:hover { color: #00AEEF; text-decoration: underline; } FORM { display: inline; } TR.header { background: #707070; } TR.headerNavigation { color: #B7BCCC; background-color: #495169; } TD.headerNavigation { font-family: Arial, sans-serif; font-size: 11px; color: #7C7F81; font-weight: normal; } A.headerNavigation { color: #2D2B2B; } A.headerNavigation:hover { color: #00A651; } TR.headerError { background: #ff0000; } TD.headerError { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #ff0000; color: #ffffff; font-weight: bold; text-align: center; } TR.headerInfo { background: #00ff00; } TD.headerInfo { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #00ff00; color: #ffffff; font-weight: bold; text-align: center; } TR.footer { background: #495169; } TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #495169; color: #FFFFFF; padding: 6px; background-image: url('images/menu2_bar.gif'); } .infoBox { background-color: transparent; } .infoBoxContents { font-family: Arial, sans-serif; font-size: 11px; } .infoBoxNotice { background: #FF8E90; } .infoBoxNoticeContents { background: #FFE6E6; font-family: Arial, sans-serif; font-size: 11px; } TD.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #3C3C3C; background-color: #FFFFFF; padding: 4px; background-image: url('images/px1.jpg'); } TD.infoBox, SPAN.infoBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; } TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: #f8f8f9; } TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background: #FEFEFF; } TABLE.productListing { border-color: #b6b7cb; } .productListing-heading { font-family: Arial, sans-serif; font-size: 11px; color: #7C7F81; font-weight: bold; padding: 3px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #BCBBBB; border-right-color: #FF6600; border-bottom-color: #8A8A8A; border-left-color: #FF6600; background: #F7F7F7; } TD.productListing-data { font-family: Verdana, Arial, sans-serif; font-size: 10px; } A.pageResults { color: #0000FF; } A.pageResults:hover { color: #0000FF; background: #FFFF33; } TD.pageHeading, DIV.pageHeading { font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; color: #3D3F42; background: FFFFFF; padding: 4px; height: 16px; background-image: url('images/px1.jpg'); } TR.subBar { background: #f4f7fd; } TD.subBar { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; } TD.main, P.main { font-family: Arial, sans-serif; font-size: 11px; color: #7C7F81; line-height: 1; } TD.smallText, SPAN.smallText, P.smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px; } TD.accountCategory { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #aabbdd; } TD.fieldKey { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; } TD.fieldValue { font-family: Verdana, Arial, sans-serif; font-size: 12px; } TD.tableHeading { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; } SPAN.newItemInCart { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; } CHECKBOX, RADIO, SELECT { font-family: Arial, sans-serif; font-size: 11px; } INPUT { background-color: #DFDFDF; font-size: 11px; } TEXTAREA { width: 100%; font-family: Arial, sans-serif; font-size: 11px; } SPAN.greetUser { font-family: Arial, sans-serif; font-size: 11px; color: #E80000; font-weight: bold; } TABLE.formArea { background: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; } TD.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; } SPAN.markProductOutOfStock { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; color: #c76170; font-weight: bold; } SPAN.productSpecialPrice { font-family: Verdana, Arial, sans-serif; color: #ff0000; } SPAN.errorText { font-family: Verdana, Arial, sans-serif; color: #ff0000; } .moduleRowOver { background-color: #A1CF3A; cursor: pointer; cursor: pointer; } .moduleRowSelected { background-color: #A1CF3A; } .checkoutBarFrom, .checkoutBarTo { font-family: Arial, sans-serif; font-size: 11px; color: #8c8c8c; } .checkoutBarCurrent { font-family: Arial, sans-serif; font-size: 11px; color: #65A21D; } .messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; } .messageStackError, .messageStackWarning { font-family: Arial, sans-serif; font-size: 11px; background-color: #FFFFFF; } .messageStackSuccess { font-family: Arial, sans-serif; font-size: 11px; background-color: #FFFFFF; } .inputRequirement { font-family: Arial, sans-serif; font-size: 11px; color: #ff0000; } .site_table { background-color: #FFFFFF; } TD.left { background-color: #F0F0F0; } TD.right { background-color: #F0F0F0; } TABLE.content { padding: 7px; } .foot_dole { background-image: url('images/pyk_down.gif'); background-repeat: repeat-x; background-position: top; height: 10px; border-top: 1px solid #333333; background-color: #CCCCCC; } .desno { width: 10px; background-image: url('images/pyk_right.gif'); background-repeat: repeat-y; background-position: left; background-color: #CCCCCC; }