/* Default look of any 'select', 'input' and 'textarea' html controls */ html { font: .80em Arial, Helvetica, sans-serif; color: #3e3434; margin: 0 0 1px 0; width: 100%;min-height: 100%; padding: 0; display: block; } select, textarea { font: 11px "Arial", "Trebuchet MS", "verdana", "Lucida Sans Unicode", "helvetica"; color: #000000; border: 1px solid #9F9898;} input { font: 11px "Arial", "Trebuchet MS", "verdana", "Lucida Sans Unicode", "helvetica"; color: #000000; border: 1px solid #4bbbaf; padding: 2px; background-color: #dff3f0;} /* It disables the border around input checkbox due to the class above */ .no-border {border: 0; background: transparent;} form {margin:0; padding:0;} /* Default font definition for any text within TD tags */ td { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } td.blackText { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 18px; } td#includeContent { padding:0px 0px 10px; } TH {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #ffffff;text-decoration: none;padding: 5px;background-color: #b5b2a1; text-align: left; vertical-align:top;} /* Events listing CSS class definitions */ TD.events {color: #656565; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 16px;} .caption-events {color: #959595;} a.viewmap-events:link{color: #656565; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none;} a.viewmap-events:visited{ color: #656565; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none;} a.viewmap-events:hover{ color: #656565; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline;} /* End of Events listing CSS class definitions */ /* Begin check mark classes definitions: Used to render a check mark box For instance, the following div definition draws a red check mark inside a box:
√
*/ .checkbox-div { width:13px; height:13px; overflow:hidden; border:1px solid black;} .checkbox-font { position:relative; font-size:12px; font-weight: bold; color:red; left:1px;} /* End check mark class definitions */ /* Begin of classes definition of a typical STATUS BAR for an step by step process (i.e. enrollment, online agreement) */ table.status { background-color: #ffffff; border: 1px solid #7272AA; margin-left: 2px;} .status-text-on { font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #7272AA;} .status-text-off { font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #C4C4C4;} /* End of STATUS BAR classes definition */ /* It defines the look of RepEnroll module boxes on verification and congratulation pages. */ td.verify-boxes { background-color: #ffffff; border: 1px solid #7272AA;} /* VERY IMPORTANT: Begin of ERROR messages classes definitions */ td.error { background-color: #FEFFD9; border: 2px solid #FF0000; font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ff0000;} table.error { background-color: #FEFFD9; border: 2px solid #FF0000;} td.error-heading { font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ff0000;} td.error-reason { font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #ff0000;} /* End of ERROR messages classes definitions */ /* Definition of a caption text, which usually appears followed by a colon (i.e. Age: 18) */ .input-caption { font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;} /* The following list of class definitions are self-explanatory. */ .text1 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;} .text2 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;} .text3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;} .text4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal;} .text_important {color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } .text_important_black {color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } .text_important_14 {color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } .text_important_black14 {color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } .text_important_16 {color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; } /* It defines the look of the main header of a second level page For instance: My Upcoming Events */ .header { font-family: Arial, Helvetica, sans-serif;font-size: 21px;font-weight: normal;text-transform: uppercase;color: #de065c; letter-spacing: 0; } /* It defines the look of a title within the page. For instance, the title of a particular promotion on a page that renders a list of them. */ .subheader { font-family: Georgia, sans-serif; font-size: 18px; color: #925e07; text-decoration: none; } /* It defines the look of the 'headline' message rendered on PWS homepage. For instance: The best of me */ .headline { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #925e07; } /* It defines the look of the intro paragraph rendered on PWS homepage. For instance: All the things you need to know about me and my business, etc... */ .intro { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; line-height: 18px; } /* It defines the look of the Greeting message. For instance: Welcome to my wonderful web site */ .greeting { font-family: Arial, Helvetica, sans-serif; color: #787467; font-size:12px; } /* They define the look of the footer (ie. test@test.com....) Note: these CSS classes should only be used within template.jsp for any given template */ .footer { font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size:12px;} a.footer:link {font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #4bbbaf;} a.footer:hover {font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #de065c;} a.footer:visited {font-family: Arial, Helvetica, sans-serif; font-size:11px;color: #4bbbaf;} /* End of CSS classes definition for the footer */ /* A list of several header classes definitions */ .header1 { color: #925e07; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;} .header2 { color: #925e07; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;} .header3 { color: #925e07; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold;} .header4 { color: #925e07; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold;} .headerHomepage { font-family: "Times New Roman", Times, serif; font-size: 22px; color: #f23363; font-weight: normal; line-height: 35px; } .headerForm {font-family: Georgia, sans-serif; font-size: 18px; color: #925e07; text-decoration: none;} /* End of list of several header classes definitions */ /* Begin of CSS classes that define how bullet points look */ ul { margin-top: 0; border-top-width: 0; padding-top: 0; margin-bottom: 0; border-bottom-width: 0; padding-bottom: 4px; } ol { margin-top: 0; border-top-width: 0; padding-top: 0; margin-bottom: 0; border-bottom-width: 0; padding-bottom: 4px; } li { margin-top: 0; border-top-width: 0; padding-top: 3px; margin-bottom: 0; border-bottom-width: 0; padding-bottom: 3px; font-size: 12px; } /* End of bullet points CSS classes definition */ /* VERY IMPORTANT. We toggle the class name assigned to every row when we render a list of items (ie. guest list, wish list, etc.)*/ .odd { background-color: #e7f5f1;} .even { background-color: #ffffff;} /* End of color toggling CSS classes definitions */ /* Anchors definitions */ /* The following 3 CSS classes define the look of the 'menu' items. */ a.menu:link{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none;} a.menu:visited{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none;} a.menu:hover{ color: #0078C1; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline;} /* End of menu items CSS classes definitions */ /* The following 3 CSS classes define the look of 'read more>' hyperlinks. */ a.readmore:link { font-weight:bold; FONT-SIZE: 12px;COLOR: #229286;FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: underline;line-height: 23px; } a.readmore:visited { font-weight:bold; FONT-SIZE: 12px; COLOR: #229286; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; } a.readmore:hover{ font-weight:bold; FONT-SIZE: 12px; COLOR: #98ccc7; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; } /* End of 'read more>' hyperlink CSS classes definitions */ /* The following 3 CSS classes define the look of a particular 'feature' link on the PWS homepage features list. */ A.feature:link {FONT-SIZE: 12px; COLOR: #996600; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; line-height: 18px; font-weight: normal;} A.feature:visited {FONT-SIZE: 12px; COLOR: #996600; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; line-height: 18px; font-weight: normal;} A.feature:hover {FONT-SIZE: 12px; COLOR: #999900; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; line-height: 18px; font-weight: normal; } a.event:link{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #996600; line-height: 18px; font-weight: bold; text-decoration: none;} a.event:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #996600; line-height: 18px; font-weight: bold; text-decoration: none;} a.event:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #996600; line-height: 18px; font-weight: bold; text-decoration: underline;} a.brownLink:link{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #996600; line-height: 18px; font-weight: bold; text-decoration: underline;} a.brownLink:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #996600; line-height: 18px; font-weight: bold; text-decoration: underline;} a.brownLink:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #996600; line-height: 18px; font-weight: bold; text-decoration: underline;} a.brownLink12:link{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #996600; line-height: 18px; font-weight: bold; text-decoration: underline;} a.brownLink12:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #996600; line-height: 18px; font-weight: bold; text-decoration: underline;} a.brownLink12:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #996600; line-height: 18px; font-weight: bold; text-decoration: underline;} /* End of 'feature' hyperlink CSS classes definitions */ /* VERY IMPORTANT: The following 3 CSS classes define the look of the 'cookie-crumbs' rendered at the top of any page for quick navigation purposes. */ a.cookie-crumbs:link{ color: #0078C1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none;} a.cookie-crumbs:visited{ color: #0078C1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none;} a.cookie-crumbs:hover{ color: #0078C1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: underline;} /* End of cookie-crumbs CSS classes definitions */ /* nwl:page back and next Anchor links CSS classes definitions */ a.page-link-disabled:link{ color: #959595; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none;} a.page-link-disabled:visited{ color: #959595; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none;} a.page-link-disabled:hover{ color: #959595; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none;} /* End of nwl:page back and next */ /* The following CSS classes define the defaulted look of any ANCHOR tag */ a:link, a:active, a:visited {font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #4bbbaf; text-decoration:underline;} a:hover {font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #de065c; text-decoration:underline;} a.listingKeyHighlight:link, a.listingKeyHighlight:active, a.listingKeyHighlight:visited, a.listingKeyHighlight:hover {font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #666666; text-decoration:underline; font-weight:bold;} /* End of CSS classes definition of default ANCHOR tag look */ /* The following CSS classes define the look and functionality of a clickable header The concept is similar to an HTML button definition as it defines a clickable box with text in it. */ .clickable-header { margin: 0; width: 325px; border: 1px solid #0078C1; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; background-color: #0078C1; text-align: center; text-transform: uppercase; color: #ffffff;} .clickable-header a { display: block; width: 100%;} .clickable-header span.w3c { padding: 0; background-color: #0078C1; color: #ffffff;} /* End of CSS definition of clickable header */ /* The following CSS classes define several background colors. They are mainly used when more than one template share the same HTML layout but a color variation is requested. */ BODY.featuredBGColor {background-color: #ffffff;} TD.featuredBGColor {background-color: #0078C1;} table.featuredBGColor {background-color: #0078C1;} td.featuredLightBGColor {background-color: #e7f5f1;} table.featuredBorderColor {border-color: #0078C1; border-width: 1px; border-style: solid;} /* End of CSS classes definitions of several background colors */ /* It defines the color of the features list box in the homepage */ .homepage-feature-box { background-color: #0078C1;} /* It defines the bg color of the forms in ordering */ table.content_background {border: 1px solid #999999;background-color: #f5f5f5;} .header_background {background-color: #f5f5f5;} /* It defines the color of any particular 'event' information */ .eventBoxBGColor { background-color: #FFF5B2;} /* It defines the look of a float div for help content */ .divHelp { position: absolute; top: 0; left: 0; width: 180px; visibility: hidden; display: block} /* steps through wizarded/numbered bullets */ .steps_numbers { font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-align: center;color: #FFFFFF; text-decoration: none;} .steps_text_complete { font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold; text-align: left;color: #03539f;text-transform: uppercase;text-decoration: none;margin-left: 3px;} .steps_text_incomplete {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-align: left;color: #798385;text-transform: uppercase;text-decoration: none;margin-left: 3px;} /* Start Calendar CSS classes definitions */ #calendar {background-color: #ffffff} #calendar-month {color: #ffffff; background-color: #7CBCE4} #calendar-nav {background-color: #ffffff} #calendar-day {font: bold 10px Verdana, Arial, Helvetica; color: #ffffff; background-color: #0078C1;} td.day_active {font: bold 10px Verdana, Arial, Helvetica; color: #000000; background-color: #dddddd; text-align: center} td.day_enabled {font: 10px Verdana, Arial, Helvetica; color: #000000; background-color: #ffffff; text-align: center} td.day_disabled {font: 10px Verdana, Arial, Helvetica; color: #7CBCE4; text-align: center; background-color: #7CBCE4;} #day-disabled {font: 10px Verdana, Arial, Helvetica; color: #7CBCE4; text-align: center; background-color: #7CBCE4;} #day-enabled {font: 10px Verdana, Arial, Helvetica; color: #000000; background-color: #ffffff; text-align: center;} #day-task {font: 10px Verdana, Arial, Helvetica; color: #000000; background-color: #E4F4FC; text-align: center;} a.calendar, a.calendar:link, a.calendar:visited, a.calendar:hover {font: 10px Verdana, Arial, Helvetica; color: #0078C1; text-decoration: none;} #disabled {color: #aaaaaa} SELECT.calendar {font: 10px Verdana, Arial, Helvetica;} .my-calendar-header14 {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none} .my-calendar-header16 {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none} #day-currentSystemDate {font: 10px Verdana, Arial, Helvetica; color: #ffffff; background-color: #C49CA4; text-align: center} #day-party {font: 10px Verdana, Arial, Helvetica; text-align: center;} #day-task {font: 10px Verdana, Arial, Helvetica; text-align: center;} span#selectedDate {font-weight: bold; text-decoration: underline;} TD#ul {vertical-align: top; text-align: left; display: table-cell;} TD#ur {vertical-align: top; display: table-cell; text-align: right;} TD#mm {vertical-align: middle; display: table-cell; text-align: center;} TD#bl {vertical-align: bottom; display: table-cell; text-align: left; height: 8px;} TD#br {vertical-align: bottom; display: table-cell; text-align: right;} table#day-active-task {background-color: #FFF334; text-align: center;} table#day-active-notask {background-color: #FFFFFF; text-align: center;} /* End Calendar CSS classes definitions */ .style1 {font-size: 14px; font-weight: bold;} .style2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; } .style4 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #8db5db;} .style5 {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px;} .style7 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #00acee; } .style8 {color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .style9 {color: #02529e} .style11 {color: #02529e; font-weight: bold; } .style12 {color: #00acee} /* nwl:button CSS style classes */ .buttonstyle:link {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-transform: uppercase; text-decoration: none;} .buttonstyle:hover {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-transform: uppercase; text-decoration: none;} .buttonstyle:visited {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-transform: uppercase; text-decoration: none;} .buttonstyleoff {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #cccccc;text-transform: uppercase;text-decoration: none; cursor:default;} .buttonstyleoff:link {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #cccccc; text-transform: uppercase; text-decoration: none; cursor:default;} .buttonstyleoff:hover {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #cccccc; text-transform: uppercase; text-decoration: none; cursor:default;} .buttonstyleoff:visited {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #cccccc; text-transform: uppercase; text-decoration: none; cursor:default;} /* nwl:buttonSites CSS style classes */ .buttonsitesstyle:link {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-transform: uppercase; text-decoration: none;} .buttonsitesstyle:hover {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-transform: uppercase; text-decoration: none;} .buttonsitesstyle:visited {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-transform: uppercase; text-decoration: none;} .buttonsitesstyleoff {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #dddddd;text-transform: uppercase;text-decoration: none; cursor:default;} .buttonsitesstyleoff:link {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #dddddd; text-transform: uppercase; text-decoration: none; cursor:default;} .buttonsitesstyleoff:hover {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #dddddd; text-transform: uppercase; text-decoration: none; cursor:default;} .buttonsitesstyleoff:visited {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #dddddd; text-transform: uppercase; text-decoration: none; cursor:default;} /*- sites:button style */ .buttonwrapper{ overflow: hidden; width: 100%; } /*- Button 1--------------------------- */ a.button1{ background: transparent url("/images/en_US/template1/button1/1-left.gif") no-repeat top left; display: block; float: left; font: 11px Arial; line-height: 15px; height: 23px; padding-left: 9px; text-decoration: none; text-transform: none; font-weight: normal;} a:link.button1, a:visited.button1, a:active.button1{ font: 11px Arial; text-decoration: none; color: #ffffff; line-height: 15px;} a.button1 span{ background: transparent url("/images/en_US/template1/button1/1-right.gif") no-repeat top right; display: block; padding: 4px 9px 4px 0; } a.button1:hover{ background-position: bottom left; font: 11px Arial; text-decoration: none; color: #ffffff; line-height: 15px; } a.button1:hover span{ background-position: bottom right; color: #ffffff; } /*- Button 2--------------------------- */ a.button2{ background: transparent url("/images/en_US/template1/button2/2-left.gif") no-repeat top left; display: block; float: left; font: 11px Arial; line-height: 15px; height: 23px; padding-left: 9px; text-decoration: none; font-weight: normal; } a:link.button2, a:visited.button2, a:active.button2{ font: 11px Arial; text-decoration: none; color: #ffffff; line-height: 15px;} a.button2 span{ background: transparent url("/images/en_US/template1/button2/2-right.gif") no-repeat top right; display: block; padding: 4px 9px 4px 0; } a.button2:hover{ background-position: bottom left; font: 11px Arial; text-decoration: none; color: #ffffff; line-height: 15px; } a.button2:hover span{ background-position: bottom right; color: #ffffff; } /*- Button 1 2 lines --------------------------- */ a.button1-2lines{ background: transparent url("/images/en_US/template1/button1/1-left2lines.gif") no-repeat top left; display: block; float: left; font: 11px Arial; line-height: 14px; height: 36px; padding-left: 9px; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; } a:link.button1-2lines, a:visited.button1-2lines, a:active.button1-2lines{ color: #ffffff; } a.button1-2lines span{ background: transparent url("/images/en_US/template1/button1/1-right2lines.gif") no-repeat top right; display: block; padding: 4px 9px 4px 0; } a.button1-2lines:hover{ background-position: bottom left; } a.button1-2lines:hover span{ background-position: bottom right; color: #ffffff; } /*- Button 1 3 lines --------------------------- */ a.button1-3lines{ background: transparent url("/images/en_US/template1/button1/1-left3lines.gif") no-repeat top left; display: block; float: left; font: 11px Arial; line-height: 14px; height: 49px; padding-left: 9px; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; } a:link.button1-3lines, a:visited.button1-3lines, a:active.button1-3lines{ color: #ffffff; } a.button1-3lines span{ background: transparent url("/images/en_US/template1/button1/1-right3lines.gif") no-repeat top right; display: block; padding: 4px 9px 3px 0; } a.button1-3lines:hover{ background-position: bottom left; } a.button1-3lines:hover span{ background-position: bottom right; color: #ffffff; } /*- Button 2 2 lines --------------------------- */ a.button2-2lines{ background: transparent url("/images/en_US/template1/button2/2-left2lines.gif") no-repeat top left; display: block; float: left; font: 11px Arial; line-height: 14px; height: 36px; padding-left: 9px; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; } a:link.button2-2lines, a:visited.button2-2lines, a:active.button2-2lines{ color: #FFFFFF; font: 11px Arial; text-decoration: none; font-weight:bold; line-height: 15px; } a.button2-2lines span{ background: transparent url("/images/en_US/template1/button2/2-right2lines.gif") no-repeat top right; display: block; padding: 4px 9px 4px 0; } a.button2-2lines:hover{ background-position: bottom left; } a.button2-2lines:hover span{ background-position: bottom right; color: #FFFFFF; } /*- Button 2 3 lines --------------------------- */ a.button2-3lines{ background: transparent url("/images/en_US/template1/button2/2-left3lines.gif") no-repeat top left; display: block; float: left; font: 11px Arial; line-height: 14px; height: 49px; padding-left: 9px; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; } a:link.button2-3lines, a:visited.button1-3lines, a:active.button1-3lines{ color: #FFFFFF; font: 11px Arial; text-decoration: none; font-weight:bold; line-height: 15px; } a.button2-3lines span{ background: transparent url("/images/en_US/template1/button2/2-right3lines.gif") no-repeat top right; display: block; padding: 4px 9px 3px 0; } a.button2-3lines:hover{ background-position: bottom left; } a.button2-3lines:hover span{ background-position: bottom right; color: #FFFFFF; } /*--------------------------- Buttons OFF --------------------------- */ /*- Button 1off--------------------------- */ a.button1off { background: transparent url("/images/en_US/template1/button1/1-left.gif") no-repeat top left; display: block; float: left; font: 11px Arial; line-height: 15px; height: 23px; padding-left: 9px; text-decoration: none; text-transform: none; font-weight: normal;} a:link.button1off, a:visited.button1off, a:active.button1off { font: 11px Arial; text-decoration: none; color: #cccccc; line-height: 15px;} a.button1off span{ background: transparent url("/images/en_US/template1/button1/1-right.gif") no-repeat top right; display: block; padding: 4px 9px 4px 0; } a.button1off:hover{ background-position: bottom left; font: 11px Arial; text-decoration: none; color: #cccccc; line-height: 15px; } a.button1off:hover span{ background-position: bottom right; color: #cccccc; } /*- Button 1off 2 lines --------------------------- */ a.button1off-2lines{ background: transparent url("/images/en_US/template1/button1/1-left2lines.gif") no-repeat bottom left; display: block; float: left; font: 11px Arial; line-height: 14px; height: 36px; padding-left: 9px; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; cursor: default; } a:link.button1off-2lines, a:visited.button1off-2lines, a:active.button1off-2lines{ color: #cccccc; } a.button1off-2lines span{ background: transparent url("/images/en_US/template1/button1/1-right2lines.gif") no-repeat bottom right; display: block; padding: 4px 9px 4px 0; } a.button1off-2lines:hover{ background-position: bottom left; } a.button1off-2lines:hover span{ background-position: bottom right; color: #cccccc; } /*- Button 1off 3 lines --------------------------- */ a.button1off-3lines{ background: transparent url("/images/en_US/template1/button1/1-left3lines.gif") no-repeat bottom left; display: block; float: left; font: 11px Arial; line-height: 14px; height: 49px; padding-left: 9px; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; cursor: default; } a:link.button1off-3lines, a:visited.button1off-3lines, a:active.button1off-3lines{ color: #cccccc; } a.button1off-3lines span{ background: transparent url("/images/en_US/template1/button1/1-right3lines.gif") no-repeat bottom right; display: block; padding: 4px 9px 3px 0; } a.button1off-3lines:hover{ background-position: bottom left; } a.button1off-3lines:hover span{ background-position: bottom right; color: #cccccc; } /*- Button 2off--------------------------- */ a.button2off{ background: transparent url("/images/en_US/template1/button2/2-left.gif") no-repeat bottom left; display: block; float: left; font: 11px Arial; line-height: 15px; height: 23px; padding-left: 9px; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; cursor: default; } a:link.button2off, a:visited.button2off, a:active.button2off{ color: #FFFFFF; } a.button2off span{ background: transparent url("/images/en_US/template1/button2/2-right.gif") no-repeat bottom right; display: block; padding: 4px 9px 4px 0; } a.button2off:hover{ background-position: bottom left; } a.button2off:hover span{ background-position: bottom right; color: #FFFFFF; } /*- Button 2off 2 lines --------------------------- */ a.button2off-2lines{ background: transparent url("/images/en_US/template1/button2/2-left2lines.gif") no-repeat bottom left; display: block; float: left; font: 11px Arial; line-height: 14px; height: 36px; padding-left: 9px; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; cursor: default; } a:link.button2off-2lines, a:visited.button2off-2lines, a:active.button2off-2lines{ color: #FFFFFF; } a.button2off-2lines span{ background: transparent url("/images/en_US/template1/button2/2-right2lines.gif") no-repeat bottom right; display: block; padding: 4px 9px 4px 0; } a.button2off-2lines:hover{ background-position: bottom left; } a.button2off-2lines:hover span{ background-position: bottom right; color: #FFFFFF; } /*- Button 2off 3 lines --------------------------- */ a.button2off-3lines{ background: transparent url("/images/en_US/template1/button2/2-left3lines.gif") no-repeat bottom left; display: block; float: left; font: 11px Arial; line-height: 14px; height: 49px; padding-left: 9px; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; cursor: default; } a:link.button2off-3lines, a:visited.button2off-3lines, a:active.button2off-3lines{ color: #FFFFFF; } a.button2off-3lines span{ background: transparent url("/images/en_US/template1/button2/2-right3lines.gif") no-repeat bottom right; display: block; padding: 4px 9px 3px 0; } a.button2off-3lines:hover{ background-position: bottom left; } a.button2off-3lines:hover span{ background-position: bottom right; color: #FFFFFF; } a.navwhite, a.navwhite:visited, a.navwhite:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none;} a.navwhite:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: underline;} a.hcsubnav {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #4bbbaf; text-decoration: none;} a.hcsubnav:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #4bbbaf; text-decoration: none;} a.hcsubnav:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #4bbbaf; text-decoration: none;} .charttext {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; line-height: 24px;} .icontext {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none;} .icontext:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none;} .icontext:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none;} .directiontext {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #03539f; text-decoration: none;} .directiontext:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #03539f; text-decoration: none;} .directiontext:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #03539f; text-decoration: none;} .directiontextoff {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #cadbec; text-decoration: none;} .headingmain {font-family: Georgia, "Times New Roman", Times, serif;font-size: 20px;color: #e79e25;line-height: 1.5em;} .headingsub {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #925e07; line-height: 1.5em;} .smallheadingmain {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #c8c8c8;} .smallheadingsub {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666;} .navbar { color: #6ea7dc; font-weight: bold; font-size: 14px;} .navbar_divider {background-color:#6ea7dc; width:1px} .border-sides-header { background-color: #b5b2a1; border-left: 1px solid #999999; border-right: 1px solid #999999; border-collapse: collapse; } .border-sides { border-left: 1px solid #999999; border-right: 1px solid #999999; border-collapse: collapse; } .border { border: 1px solid #B5B2A1; border-collapse: collapse; } .cellBox { background-color: #ffffff; border: solid 1px #925e07; font-size: 14px; color: #925e07; width: 15px; height: 10px; font-weight: bold; text-decoration: none; text-align: center; padding: 2px; } a.divLink:link, a.divLink:active, a.divLink:visited, a.divLink:hover { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #925e07; text-decoration: none; text-align: center; } /* Product Catalog Styles */ .detail_header_background {background-color: #f5f5f5;} /* Styles used with tabs */ .tab-on { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; } .tab-off { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; text-transform: uppercase; } a.tab-on:hover, a.tab-on:active, a.tab-on:link, a.tab-on:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; text-decoration: none; } a.tab-off:hover, a.tab-off:active, a.tab-off:link, a.tab-off:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; text-transform: uppercase; text-decoration: none; } .tab-header { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; margin-left: 10px; text-transform: uppercase; } .tab-section { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; } a.accenttext:link, a.accenttext:active, a.accenttext:visited, a.accenttext:hover { font-family: Arial, Helvetica, sans-serif; color: #de065c; font-style:normal; font-size:12px;} .accenttext { font-family: Arial, Helvetica, sans-serif; color: #de065c; font-style:italic; font-size:12px;} .accenttext2 { font-family: Arial, Helvetica, sans-serif; color: #4bbbaf; font-size:12px;} .accenttext3 { font-family: Arial, Helvetica, sans-serif; color: #787467; font-size:11px;} .divHeader1 {font-family: Arial, Helvetica, sans-serif; position: absolute; left: 50%; top:33px; margin-left: -250px;} .divHeader2 {font-family: Arial, Helvetica, sans-serif; position: absolute; left: 50%; top:110px; margin-left: -250px; width:665px; } .pinkHeader {font-family: Arial, Helvetica, sans-serif;font-size: 26px;color: #f23363;font-weight: normal;line-height: 1.5em;} .pinkHeader18 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 18px;color: #f23363;font-weight: normal;line-height: 1.5em;} .pinkHeader16 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 16px;color: #f23363;font-weight: normal;line-height: 1.5em;} .pinkHeader14 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;color: #f23363;font-weight: normal;line-height: 1.5em;} .pinkHeader21 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 21px;color: #f23363;font-weight: normal;line-height: 1.5em;} .orangeSubheader {font-family: Georgia, "Times New Roman", Times, serif;font-size: 20px;color: #e79e25;line-height: 1.5em;} .orangeSubheader18 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 18px;color: #e79e25;} .orangeSubheader16 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 16px;color: #e79e25;} .orangeSubheader14 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;color: #e79e25;} .orangeSubheader12 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 12px;color: #e79e25;} .blueSubheader {font-family: Georgia, "Times New Roman", Times, serif;font-size: 20px;color: #4bbbaf;line-height: 1.5em;} .blueSubheader18 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 18px;color: #4bbbaf;} .blueSubheader16 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 16px;color: #4bbbaf;} .brownSubheader { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #925e07; line-height: 2em;} .brownSubheader2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #925e07; letter-spacing:-1px;} .brownTextSmaller { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #925e07; line-height: 12px;} .brownTextSmall { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #925e07; line-height: 18px;} .textHighlight { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1F9085; line-height: 18px; font-weight:bold; } .brownText11 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #925e07;} .brownText12 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #925e07;} .brownText { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #925e07; line-height: 18px;} .brownText14 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #925e07; line-height: 18px;} A.epromo:link {FONT-SIZE: 13px; COLOR: #229286; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; line-height: 18px;} A.epromo:visited {FONT-SIZE: 13px; COLOR: #229286; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; line-height: 18px;} A.epromo:hover {FONT-SIZE: 13px; COLOR: #98ccc7; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; line-height: 18px;} li.brown { font-size:12px; font-family: Arial, Helvetica, sans-serif; color: #996600; line-height: 18px; } /*- Menu Tabs 1--------------------------- */ #tabs1 { float:left; width:100%; font-size:100%; line-height:normal; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #267785; } #tabs1 ul { margin:0; padding:10px 10px 0 5px; list-style:none; } #tabs1 li { display:inline; margin:0; padding:0; } #tabs1 a { float:left; background:url("/images/en_US/core/tabs/tableft1.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; font: 12px Arial; text-decoration: none; font-weight: bold; letter-spacing: 0.5px; } #tabs1 a span { float:left; display:block; background:url("/images/en_US/core/tabs/tabright1.gif") no-repeat right top; padding:5px 10px 4px 6px; color:#FFFFFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs1 a span {float:none;} /* End IE5-Mac hack */ #tabs1 a:hover span { color:#FFFFFF; } #tabs1 a:hover { background-position:0 -42px; } #tabs1 a:hover span { background-position:100% -42px; } /*- Menu Tabs 2--------------------------- */ #tabs2 { float:left; width:100%; font-size:100%; line-height:normal; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #83d2cc; } #tabs2 ul { margin:0; padding:10px 10px 0 0px; list-style:none; } #tabs2 li { display:inline; margin:0; padding:0; } #tabs2 a { float:left; background:url("/images/en_US/core/tabs/tableft2.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; font: 12px Arial; text-decoration: none; font-weight: bold; letter-spacing: 0.5px; } #tabs2 a span { float:left; display:block; background:url("/images/en_US/core/tabs/tabright2.gif") no-repeat right top; padding:5px 10px 4px 6px; color:#FFFFFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs2 a span {float:none;} /* End IE5-Mac hack */ #tabs2 a:hover span { color:#83d2cc; } #tabs2 a:hover { background-position:0% -42px; } #tabs2 a:hover span { background-position:100% -42px; } .listHeaderColumn { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #ffffff; line-height: 18px;} .whiteText { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; line-height: 20px; } .step-numbers-active { font-family: Georgia, Times New Roman, serif; font-size: 30pt; color: #1daba5; } .step-numbers-inactive { font-family: Georgia, Times New Roman, serif; font-size: 30pt; color: #b0e2e0; } .step-numbers-incomplete { font-family: Georgia, Times New Roman, serif; font-size: 30pt; color: #b0e2e0; } .step-text-active { font-family: Arial,sans-serif; font-weight: bold; font-size: 10pt; color: #1daba5; } .step-text-inactive { font-family: Arial,sans-serif; font-weight: bold; font-size: 10pt; color: #b0e2e0; } .step-text-incomplete { font-family: Arial,sans-serif; font-weight: bold; font-size: 10pt; color: #b0e2e0; } /* VERY IMPORTANT: Begin of ERROR messages classes definitions */ div#errors { background: transparent url('/images/en_US/core/backgrounds/error-background.gif') no-repeat top 98%; border:1px solid #f23363; display: block; width:100%; background-color:#ffdde8;} ol#errors { padding-top:0; padding-left:0; margin-top:0; margin-left: 10px; } li#error { list-style-image: url(/images/spacer.gif); font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; } td.error { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #f23363; } div#error { border:1px solid #f23363; background-color: #ffdde8; display: block; width:100%;} table.div-error-box { background: transparent url('/images/en_US/core/backgrounds/error-background.gif') no-repeat bottom 98%; } td.div-error-box { background: transparent url('/images/en_US/core/backgrounds/error-background.gif') no-repeat bottom 98%; } table.error-box { background-color: #ffdde8; border: 1px solid #f23363; } tr.error-box { background-color: #f23363; } td.error-header { padding: 3px; font-size:12px; font-family:Arial, sans-serif; font-weight:bold; color:#ffffff; } td.error-subheader { font-family:Arial, sans-serif; font-size:12px; font-weight:bold; color:#f23363; } td.error-text { font-family:Arial, sans-serif; font-size:12px; font-weight: normal; color:#000000; } table.error {border:1px solid #f23363;} td.error-heading { font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ff0000;} .error-reason { font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #ff0000;} td.error-reversed {font-family: Trebuchet MS, san-serif, serif; font-size: 14px;font-weight: bold; color: #ffffff; padding-left: 3px;padding-right: 3px; padding-top: 3px;padding-bottom: 3px; } td.error-message {font-family: Trebuchet MS, san-serif, serif; font-size: 12px; color: #000000; padding-left: 5px;padding-right: 53px; padding-top: 5px;padding-bottom: 5px; } .error-highlight {font: Arial, Trebuchet MS, Verdana, Lucida Sans Unicode, helvetica, san-serif; border-color: #ffff99;border-style: solid; border-width: 1px; background-color:#ffff99;} /* End of ERROR messages classes definitions */ a.redText:link, a.redText:active, a.redText:visited, a.redText:hover {font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #de065c; text-decoration:underline;} /************************************************************************/ /******** PRODUCT CATALOG */ /************************************************************************/ .pc-header {background-color: #ffffff; } table#pc-header td { color: #666666; } table#pc-header a.linkActive { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; text-decoration: none; } table#pc-header a.pages { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #666666; text-transform: none; text-decoration:underline;} table#pc-footer td { color: #666666; } table#pc-footer a.linkActive { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; text-decoration: none; } table#pc-footer a.pages { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #666666; text-transform: none; text-decoration:underline;} table#productCatalogTbl { padding: 0px; } .pc-itemNumber { color:#928C8C; font-family:Arial,Helvetica,sans-serif; font-size:12px; text-transform:uppercase;} .pc-retailPrice {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #666666;} .pc-salePrice {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #F00;} .pc-consultantPrice {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #f23363;} .pc-section-header-background { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; background-color: #bdbdc6; } .pc-marketing-area { padding-bottom: 10px; } a.pc-category-name {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;;color: #F45276;} a.pc-productName:active, a.pc-productName:link, a.pc-productName:visited { color:#955E0C; font-weight:bold; text-decoration:none;} a.pc-productName:hover { color:#955E0C; font-weight:bold; text-decoration:underline; } .pc-availability {color:#F23363; font-size:11px; } .pc-productFrame {border-left:4px #A4E1DA solid; border-top:4px #A4E1DA solid; border-bottom:4px #A4E1DA solid; background-color:#D5F2EE; padding:5px; vertical-align:top;} .pc-productFrameComplete {background-color:#D5F2EE; border:4px solid #A4E1DA; padding:10px 0 5px;} .pc-productDetailFrame {border:10px #A4E1DA solid; background-color:#ffffff;} .pc-productDetailNavBar {padding-left:10px; padding-right:10px;} table#productDetail td { padding: 10px 10px 0px 0px; } table#productDetail td.pc-availability {color:#F23363; font-size:11px; font-weight:bold; } table#productDetail td.pc-itemNumber {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;text-transform: none;color: #333333; white-space:nowrap; padding-top: 13px;} table#productDetail table#productDetailTabs td { padding: 0px; } div#tabs div#pnlTabSummary td { padding-top: 10px; } div#tabs div#pnlTabVideo td { padding-top: 10px; } div#tabs div#pnlTabDemoTips td { padding-top: 10px; } table#productDetail table#addItemToDCart td { padding: 0px; } table#productDetail table#retailPrice td { padding: 0px; } table#productDetail table#retailPrice td.pc-retailPrice-label {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;text-transform: none; color: #333333;} table#productDetail table#retailPrice td.pc-retailPrice {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: none; color: #000000;} table#productDetail table#retailPrice td.pc-salePrice {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: none; color: #F00;} table#productDetail table#consultantPrice td.pc-consultantPrice-label {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;text-transform: none; color: #f23363;} table#productDetail table#consultantPrice td.pc-consultantPrice {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: none; color: #f23363;} table#productDetail table#consultantPrice td { padding: 0px; } table#productDetail table#addItemToDCart td.pc-quantity { color: #1f9085; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:none; letter-spacing: 1px;} table#productDetail form { margin: 0px; } div#pc-productDetailNavBarContent {background-color: #ffffff; color: #666666; padding:5px;} div#pc-productDetailNavBarContent a { font-size:11px; font-weight: bold; color: #666666; text-decoration: underline;} div#pc-productDetailNavBarContent span.accenttext2 { font-size: 11px; font-weight:bold; color: #f23363; } .pc-productDetailProductName {color: #8D5F11; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; text-transform: uppercase;} .pc-productFrameL {border-left:4px #A4E1DA solid; background-color:#ffffff;} .pc-productFrameR {padding:0; margin:0; background-color:#A4E1DA; border-top:4px #A4E1DA solid; border-bottom:4px #A4E1DA solid; } table#pc-imageFooter { background-color: #ffffff;} td.pc-imageFooter {color: #EA9C2F; font-weight: bold; padding: 0px 5px 0px 5px; text-decoration: none; } a.pc-imageFooter:active, a.pc-imageFooter:hover, a.pc-imageFooter:link, a.pc-imageFooter:visited {color: #EA9C2F; font-weight: bold; font-size: 11px; text-decoration: none; } .pc-productRelatedTitle { color: #EC2F65; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; letter-spacing:-0.5px; text-transform:lowercase; } table#pc-recently td.main { padding: 0px 20px 0px 20px; } table#pc-recently td.header {color: #64C0B5; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-top:10px; padding-bottom: 5px;} table#pc-recently a { font-weight:bold; font-size: 11px; color: #666666; text-decoration: none; } table#pc-alsoCheckout {background:url("/images/en_US/productcatalog/also-bg.gif"); padding:5px; border:1px solid #64C0B5;} table#pc-alsoCheckout td { padding: 5px 15px; } table#pc-alsoCheckout a {color: #62A38F; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration:none;} .pc-itemAdded {color: #1f9085; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration:none;} a.pc-itemAdded:link,a.pc-itemAdded:active,a.pc-itemAdded:hover,a.pc-itemAdded:visited {color: #1f9085; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration:underline;} .pc-savings { color: red; text-transform: uppercase; } /************************************************************************/ /******** ORDERENTRY */ /************************************************************************/ table#orderEntryTbl{ padding: 0px; } .oe-item-list-price { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #de065c; font-weight:bold; text-decoration: none; } .oe-item-list-sale-price {text-decoration:line-through; } .oe-item-list-retail-price-consultant {color: #f23363; text-decoration:line-through; } .oe-header { font-family: Georgia, sans-serif; font-size: 18px; color: #de065c; text-decoration: none; } .oe-yellowSubheader { font-family: Georgia, sans-serif; font-size: 16px; color: #eebc2e; text-decoration: none; font-weight: bold; letter-spacing: -1.5;} .oe-redText {font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #de065c; text-decoration:underline;} a.oe-redText:link, a.oe-redText:active, a.oe-redText:visited, a.oe-redText:hover {font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #de065c; text-decoration:underline;} a.oe-grey:link, a.oe-grey:active, a.oe-grey:visited, a.oe-grey:hover {font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #666666; text-decoration:underline; font-weight: normal;} a.oe-shipping:link, a.oe-shipping:active, a.oe-shipping:visited, a.oe-shipping:hover {font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #ffffff; text-decoration:underline;} .oe-subheader { font-family: Georgia, "Times New Roman", Times, serif;font-size: 18px;color: #e79e25; } .oe-text-important { font-family: Arial,sans-serif; font-weight: bold; font-size: 11pt; color: #1daba5; } .oe-bottom-borderline {border-bottom: 1px solid #B5B2A1;} .oe-consultant-info { background: url('/images/en_US/orderentry/banner-gradation-wide.gif') no-repeat bottom 100%; display: block; width:100%; } .oe-popup-header {font-family: Georgia, "Times New Roman", Times, serif;font-size: 20px;color: #e79e25;line-height: 1.5em;} .oe-warning-box { border:1px solid #f23363; background-color: #ffdde8; } .oe-hr { height:1px; color:white; } .oe-hr2 { height:1px; color:#cccccc; } table#pageHeader { background-color: #4bbbaf; } table#content_b { background-color: #ffffff; width: 785px; } td.popup-div-header { border-top: #B5B2A1; border-left: #B5B2A1; border-right: #B5B2A1; background-color: #4bbbaf; } td.popup-div-main { border: 1px solid #B5B2A1; background-color: #ffffff; } table#printLayout { background-color: #000000; } table#printLayout td { background-color: #ffffff; } .separator { background-color: #cccccc; } .wishList-meter { background-color: #ebebeb; } table#stylistBox { background-color: #3fb5a6; } table#stylistBox span.whiteText { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; line-height: 20px; } table#customerBox { background-color: #e7f5f1; } .greyText { color: gray; } .redText { color: #ff0000; } /* divHeader2 - start */ div#divHeader2 td.text_important {color: #de065c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } /* divHeader2 - end */ input#searchText { border: 0px; PADDING-RIGHT: 6px; MARGIN-TOP: 3px; PADDING-LEFT: 6px; FONT-SIZE: 0.85em; BACKGROUND: url(/images/en_US/template1/background/search_text_bg.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 6px; height:24px; WIDTH: 225px; COLOR: #4bbbaf; PADDING-TOP: 6px } table#repenroll-steps { width: 100%; } table#repenroll-steps td { padding-right: 5px; } table#repenroll-main td.orangeSubheader {font-family: Georgia, "Times New Roman", Times, serif;font-size: 20px;color: #e79e25;line-height: 1.5em; text-align:left; padding:5px 8px 0px 8px; font-weight:normal;} table#repenroll-main td.brownSubheader2 { font-family: Arial; font-size: 12px; color: #925e07; letter-spacing:0.5px; text-align:left; padding:5px 8px 0px 8px;} table#repenroll-main td { text-align: left; } table#error404 td.header { font-family: Georgia; font-size: 30px; color: #f33363; text-transform:none;} table#error404 td.subheader { font-family: Georgia; font-size: 18px; color: #f33363; text-transform:none;} table#sessionTimeout td.header { font-family: Georgia; font-size: 30px; color: #f33363; text-transform:none;} table#sessionTimeout td.subheader { font-family: Georgia; font-size: 18px; color: #f33363; text-transform:none;} table#error500 td.header { font-family: Georgia; font-size: 30px; color: #f33363; text-transform:none;} table#error500 td.subheader { font-family: Georgia; font-size: 18px; color: #f33363; text-transform:none;} .linkInactive { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #CCCCCC; text-decoration: none; } .currentPage { font-weight: bold; color: #f23363; } #divDynamicContent { margin-top: 10px; } /* checkout login page */ #oe-login-container { width: 780px; float: left; } #oe-login-container p { margin: 5px 0; padding: 0; font-size: 12px; color: #4BBBAF; } #oe-login-left { float: left; width: 390px; } #oe-login-right { float: left; width: 300px; } #oe-login-container .h1, .h2 { font-family: Georgia, serif; text-decoration: none; margin: 0; padding: 0; } #oe-login-container .h1 { font-size: 18px; color: #de065c; margin: 0; } #oe-login-container .h2 { font-size: 16px; color: #e79e25; } #oe-login-left #loginTbl td { font-size: 11px; } /* checkout login page */ /* special offer */ td#specialoffer { padding-top: 5px; } div#specialoffer_landing { padding: 0; float: left; height: 20px; margin: -8px 0 0 -5px; width: 400px; overflow: hidden; font-size: 0; } /*** gift ready ***/ div#giftcontain { position: relative;float:right; border-left: 5px solid #fff; margin-top:-1px; height:32px; } div#giftcontain img {position:absolute; right: 5px; top: -15px; z-index:50;} a#gift-ready { color:#229286; font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:500; text-decoration:none; text-transform:uppercase; vertical-align:middle; display:block; padding:5px 45px 5px 5px; height:15px; border:4px solid #a4e1da; background-color:#E2F5F3 ;} a:hover#gift-ready { color:#fff; border:4px solid #8ed4d0; background-color:#69beb0; }