form {margin:0; padding:0}
/* Default look of any 'select', 'input' and 'textarea' html controls */
select, input, textarea {font: 11px "Arial", "'Trebuchet MS'", "verdana", "Lucida Sans Unicode", "helvetica"; color: #000000; border: 0.03cm solid #9F9898;}
/* It disables the border around input checkbox due to the class above */
.no-border {border: 0}
table.border {border:1px solid #cccccc;}
table.border2 {border:2px solid #cccccc;}
table.border-and-background {border:1px solid #cccccc; background:url(/images/main-table-bg-grey.gif);}
/* Default font definition for any text within TD tags */
TD {color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }
TH {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #ffffff;text-decoration: none;padding: 5px;background-color: #8F8D95;}
td.tdHeader {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #ffffff;text-decoration: none;background-color: #8f8d95; text-transform:uppercase;}
td.tdHeader2 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #ffffff;text-decoration: none;background-color: #8f8d95;}
td.tdHeader-total-left {font-family: Arial, Helvetica, sans-serif; font-size: 15px;font-weight: bold;color: #000000;text-decoration: none;background-color: #ffffff;text-transform: uppercase;border-left: 1px solid black;border-top: 1px solid black;border-bottom: 1px solid black;}
td.tdHeader-total-right {font-family: Arial, Helvetica, sans-serif;font-size: 15px;font-weight: bold;color: #000000;text-decoration: none;background-color: #ffffff;text-transform: uppercase;border-right: 1px solid black;border-top: 1px solid black;border-bottom: 1px solid black;}
/* 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;}
.note {font-family: 'Trebuchet MS', sans-serif, serif; font-size: 10px; color: #000000; line-height: 12px;}
.note-italic {font-family: 'Trebuchet MS', sans-serif, serif; font-size: 10px; font-style:italic; color: #000000; line-height: 12px;}
.note2 {font-family: 'Trebuchet MS', sans-serif, serif; font-size: 11px; color: #000000; line-height: 13px;}
/* VERY IMPORTANT: Begin of ERROR messages classes definitions */
div#errors { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #4b4b4b; border:1px solid #a90050; background-color:#f6e8ef; display: block; width:100%;}
ol#errors { padding-top:0px; padding-left:0px; margin-top:0px; margin-left:40px; }
li#error { list-style-image: url(/images/spacer.gif); font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#2b2930; }
td.error { background-color: #f6e8ef; border: 1px solid #a90050; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #a90050; }
table.div-error-box { background-color: #f6e8ef; }
table.error-box { background-color: #f6e8ef; border: 1px solid #a90050; }
td.error-header { background-color: #a90050; font-family: Arial; font-size: 12px; font-weight: bold; color: #ffffff; }
td.error-text { background-color: #f6e8ef; font-family: Arial; font-size: 12px; font-weight: bold; color: #a90050; }
table.error {border:1px solid #a90050;}
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', sans-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', sans-serif, serif; font-size: 12px; color: #000000; padding-left: 5px;padding-right: 53px; padding-top: 5px;padding-bottom: 5px; }
.error-highlight {font-family: Arial, 'Trebuchet MS', Verdana, 'Lucida Sans Unicode', Helvetica, sans-serif; border-color: #ffff99;border-style: solid; border-width: 1px; background-color:#ffff99;}
/* 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;}
/* VERY IMPORTANT: This class defines how every input and textarea boxes should look */
.fancy {font: 11px "Arial", "Trebuchet MS", "verdana", "Lucida Sans Unicode", "helvetica"; color: #000000; border: 0.03cm solid #9F9898;}
.fancy2 {font: 11px "Arial", "Trebuchet MS", "verdana", "Lucida Sans Unicode", "helvetica"; color: #2b2930; border: 0.03cm solid #9F9898; padding-left:2px; width:100%;}
.error-fancy {font: 11px "Arial", "Trebuchet MS", "verdana", "Lucida Sans Unicode", "helvetica"; color: #000000; border: 0.03cm solid #9F9898; background-color: #ffff99;}
/* 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_large { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #5e5c61; }
.text_important_white_large { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; }
.text_important { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #5e5c61;text-transform: uppercase; }
.text_important_lowercase { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #5e5c61;text-transform: lowercase; }
.text_important_regular { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #5e5c61;}
.text_important_white { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; }
.text_regular { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333; }
.text_important_alt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #6b9ca5; }
.text_regular_alt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #666666; }
.text_table_header { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; text-transform: uppercase; }
.text_smaller_important { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333; }
.text_smaller_important_alt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #6b9ca5; }
.text_smaller { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #333333; }
.text_smaller_alt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #6b9ca5; }
/*
It defines the look of the main header of a second level page
For instance:
*/
.header { color: #C8C8C8; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; font-style: normal; text-transform: uppercase;}
/*
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 { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold;}
/*
It defines the look of the 'headline' message rendered on PWS homepage.
For instance: The best of me
*/
headline { color: #8DB5DB; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
/*
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 { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 19px;}
/*
It defines the look of the Greeting message.
For instance: Welcome to my wonderful web site
*/
.greeting { color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;}
/*
They define the look of the footer (ie. )
Note: these CSS classes should only be used within template.jsp for any given template
*/
.footer { color: #646464; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;}
a.footer:link{ color: #646464; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none;}
a.footer:visited{ color: #646464; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none;}
a.footer:hover{color: #646464; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: underline;}
a.footer_underline:link, a.footer_underline:visited, a.footer_underline:hover {
color: #646464; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; text-decoration: underline;
}
a.footer_underline:hover{text-decoration: none;}
/* End of CSS classes definition for the footer */
/* A list of several header classes definitions */
.header1 { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.header2 { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
.header3 { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold;}
.header4 { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold;}
.headerHomepage { color: #00ACEE; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
.headerForm {font-family: Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: 2px;font-weight: bold; color: #999999;height: 18px; text-transform: uppercase;}
/* End of list of several header classes definitions */
/* Begin of CSS classes that define how bullet points look */
ul { margin-left: 0; padding-left: 2em;}
li { margin-top: 0; margin-left: 0; margin-right: 0; padding: 0; margin-bottom: 6px;}
/* 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: #EFEBF6;}
.even { background-color: #ffffff;}
.odd-grid-row { background-color: #f5f5f5; }
.even-grid-row { 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{ color: #00ACEE; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none;}
a.readmore:visited{ color: #00ACEE; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none;}
a.readmore:hover{ color: #00ACEE; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; 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. */
.feature{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline;}
a.feature:link{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline;}
a.feature:active{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline;}
a.feature:visited{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline;}
a.feature:hover{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; 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:visited, a:hover { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline;}
/* End of CSS classes definition of default ANCHOR tag look */
/*Removing wordwrap of menu items. */
#imenus0{white-space: nowrap; }
/*
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: #F5F5F5;}
table.featuredLightBGColor {background-color: #F5F5F5;}
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;}
/* 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: #6b9ca5;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-weight: normal; font-size: 12px; color: #000000;}
.style4 {font-family: 'Times New Roman', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 20px; color: #000000;}
.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: #000000}
.style11 {color: #000000; font-weight: bold; }
.style12 {color: #000000}
/* 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;}
/*- Button 1--------------------------- */
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; text-decoration:none;}
a:link.button1, a:visited.button1, a:active.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: uppercase;font-weight: bold;letter-spacing: .5px;color: #646464; }
a.button1:hover{background-position: bottom left;text-decoration:none;}
a.button1:hover span{ background-position: bottom right; color: #646464; }
.buttonwrapper{ overflow: hidden; }
/*- 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: #646464; }
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: #646464; }
/*- 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: #646464; }
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: #646464; }
/*- 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; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; }
a:link.button2, a:visited.button2, a:active.button2{ color: #FFFFFF; font: 11px Arial; text-decoration: none; font-weight:bold; 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; }
a.button2: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 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.button1off, a:visited.button1off, a:active.button1off{ background: transparent url("/images/en_US/template1/button1/1-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; color: #646464; }
a.button1off span{ background: transparent url("/images/en_US/template1/button1/1-right.gif") no-repeat bottom right; display: block; padding: 4px 9px 4px 0; }
a.button1off:hover{ background-position: bottom left; }
a.button1off:hover span{ background-position: bottom right; color: #646464; }
/*- 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: #646464; }
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: #646464; }
/*- 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: #646464; }
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: #646464; }
/*- 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 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #6ea7dc; text-decoration: none;}
a.navwhite:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
a.navwhite:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
a.hcsubnav {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #34aad7; text-decoration: none;}
a.hcsubnav:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #c9e8f4; text-decoration: none;}
a.hcsubnav:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #c9e8f4; 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: #6b9ca5; text-decoration: none;}
.directiontext:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #6b9ca5; text-decoration: none;}
.directiontext:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #6b9ca5; text-decoration: none;}
.directiontextoff {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #cadbec; text-decoration: none;}
.headingmain {font-family: Arial, Helvetica, sans-serif; font-size: 21px; color: #798385;}
.headingsub {font-family: Arial, Helvetica, sans-serif; font-size: 21px; color: #6b9ca5;}
.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 { border-left: 1px solid #999999; border-right: 1px solid #999999; border-collapse: collapse; }
.border { border: 1px solid #999999; border-collapse: collapse; }
.cellBox { background-color: #E8E8E8; border: solid 1px #000000; font-size: 14px; color: #336699; 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: #336699; text-decoration: none; text-align: center; }
.event_title {font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-weight: bold;color: #6899a2;}
.mainnav {font-family: Arial, sans-serif, serif; font-size: 15px;font-weight: bold; color: #9a9a97; text-decoration: none;padding-right: 5px; text-transform: uppercase;}
.sub_heading {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #2b2930;letter-spacing: 1px;}
.subheader21 {font-family: "Times New Roman", Times, serif; font-size: 21px; font-weight: normal; color: #2b2930; }
.subheader21blue {font-family: "Times New Roman", Times, serif; font-size: 21px; font-weight: normal; color: #6899A2; }
.event_details {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #2b2930;line-height: 16px;}
.feature_details {font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-weight: normal;color: #2b2930;line-height: 23px;}
.mainnav13grey {font-family: Arial, sans-serif, serif; font-size: 12px;font-weight: bold; color: #2b2930; text-decoration: none;padding-right: 5px; text-transform: uppercase;}
.mainnav15grey {font-family: Arial, sans-serif, serif; font-size: 15px;font-weight: bold; color: #2b2930; text-decoration: none;padding-right: 5px; text-transform: uppercase;}
.info_type {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #2b2930;}
a.mainnav {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #8f8d95; letter-spacing: 1px;}
a.mainnav:visited {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #8f8d95; letter-spacing: 1px;}
a.mainnav:hover {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #5797A1; letter-spacing: 1px; }
a.mainnav:active {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #5797A1; letter-spacing: 1px; }
a.mainnavsmall {font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: bold; color: #78A1A9;}
a.mainnavsmall:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: bold; color: #78A1A9;}
a.mainnavsmall:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: bold; color: #8f8d95;}
a.mainnavsmall:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: bold; color: #8f8d95;}
a.feature_details {font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-weight: normal; color: #323232; line-height: 21px; text-decoration: none;letter-spacing: -1px;}
a.feature_details:visited {font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-weight: normal; color: #323232; line-height: 21px; text-decoration: none;letter-spacing: -1px;}
a.feature_details:hover {font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-weight: normal; color: #323232; line-height: 21px; text-decoration: none;letter-spacing: -1px;}
a.feature_details:active {font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-weight: normal; color: #323232; line-height: 21px; text-decoration: none;letter-spacing: -1px;}
/* Join us sections styles */
/*join Main*/
a.joinheadingred {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #a90050; text-decoration: none;}
a.joinheadingred:visited {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #a90050; text-decoration: none;}
a.joinheadingred:hover {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #a90050; text-decoration: none;}
a.joinheadingred:active {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #a90050; text-decoration: none;}
a.hostRewards {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #a90050; text-decoration: none;}
a.hostRewards:visited {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #a90050; text-decoration: none;}
a.hostRewards:hover {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #a90050; text-decoration: underline;}
a.hostRewards:active {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #a90050; text-decoration: none;}
.joinheadinggray {font-family: Arial, Helvetica, sans-serif; font-size: 14px;font-weight: bold;color: #5e5c61; letter-spacing: 1px;}
.jointextgray {font-family: Arial, Helvetica, sans-serif; font-size: 14px;font-weight: bold;color: #5e5c61; }
.jointext12 { font-family: Arial, sans-serif; font-size: 12px;font-weight: bold;text-transform: none; color: #5e5c61;}
.jointext12black {font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: normal;text-transform: none;color: #292931;}
.jointextpink { font-family: "Times New Roman", Times, serif; font-size: 21px;font-weight: normal;color: #a90050;}
.jointextsmall { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal;text-transform: none;color: #2c2930;}
.jointext12pdf { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal ;text-transform: none;color: #2c2930;}
.jointextvideo { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal ;text-transform: none;color: #5e5c61;}
/* Customer Care sections styles */
.careText {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #2b2930; line-height: 20px; }
.careTextunder {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #2b2930; line-height: 20px; text-decoration: underline;}
a.careTextunder {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #2b2930; line-height: 20px; text-decoration: underline;}
a.careTextunder:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #2b2930; line-height: 20px; text-decoration: underline;}
a.careTextunder:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #2b2930; line-height: 20px; text-decoration: underline;}
a.careTextunder:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #2b2930; line-height: 20px; text-decoration: underline;}
.careTextgreen {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #6498a1; line-height: 20px;}
a.careTextgreen {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #6498a1; line-height: 20px;}
a.careTextgreen:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #6498a1; line-height: 20px;}
a.careTextgreen:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #6498a1; line-height: 20px;}
a.careTextgreen:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #6498a1; line-height: 20px;}
.careSectionsblue {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: none;color: #6498a1; text-decoration: none; letter-spacing: 2px;}
.careSections {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: none;color: #5e5c61; text-decoration: none; letter-spacing: 2px;}
a.careSections {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: none;color: #5e5c61; text-decoration: none; letter-spacing: 2px;}
a.careSections:visited {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: none;color: #5e5c61; text-decoration: none;letter-spacing: 2px;}
a.careSections:hover {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: none;color: #6498a1; text-decoration: none;letter-spacing: 2px;}
a.careSections:active {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: none;color: #6498a1; text-decoration: none;letter-spacing: 2px;}
.careSubheader {font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;text-transform: none;color: #5e5c61; text-decoration: none; }
a.careSubheader {font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;text-transform: none;color: #5e5c61; text-decoration: none; }
a.careSubheader:visited {font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;text-transform: none;color: #5e5c61; text-decoration: none; }
acareSubheader.careback:hover {font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;text-transform: none;color: #5e5c61; text-decoration: none; }
a.careSubheader:active {font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;text-transform: none;color: #5e5c61; text-decoration: none; }
.careback {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: none;color: #2b2930; text-decoration: none; text-decoration: underline;}
a.careback {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: none;color: #2b2930; text-decoration: none; text-decoration: underline;}
a.careback:visited {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: none;color: #2b2930; text-decoration: none; text-decoration: underline;}
a.careback:hover {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: none;color: #2b2930; text-decoration: none; text-decoration: underline;}
a.careback:active {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: none;color: #2b2930; text-decoration: none; text-decoration: underline;}
/* Locator confirmation page*/
.locator-red {font-family: 'Times New Roman', sans-serif;font-size: 18px;font-weight: normal;text-transform: none; color: #a90050;}
/* 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; }
.name { font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: bold; color: #FFFFFF;}
.textwhite14 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; letter-spacing: 1px;}
.textblue14 {font-family: Arial, sans-serif, serif; font-size: 14px;font-weight: bold; color: #B9D6DA; text-decoration: none;padding-right: 5px; }
.text14 {font-family: Arial, sans-serif, serif; font-size: 14px; color: #2B2930; text-decoration: none;padding-right: 5px; }
.title {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #c0dade;}
.textblue11 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #6B9CA5; text-decoration: none; letter-spacing: 2px; line-height: 21px;}
a.contact_link {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #FFFFFF;text-decoration: underline;}
a.contact_link:visited {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #FFFFFF;text-decoration: underline;}
a.contact_link:hover {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #c0dade;text-decoration: underline;}
a.contact_link:active {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #c0dade;text-decoration: underline;}
a.host_connection {font-family: "Times New Roman", Times, serif; font-size: 18px;text-transform: uppercase;color: #5e5c61;letter-spacing: -1px;text-decoration: none;font-weight: normal;}
a.host_connection:visited {font-family: "Times New Roman", Times, serif; font-size: 18px;text-transform: uppercase;color: #5e5c61;letter-spacing: -1px;text-decoration: none; font-weight: normal;}
a.host_connection:hover {font-family: "Times New Roman", Times, serif; font-size: 18px;text-transform: uppercase;color: #5797A1;letter-spacing: -1px;text-decoration: none; font-weight: normal;}
a.host_connection:active {font-family: "Times New Roman", Times, serif; font-size: 18px;text-transform: uppercase;color: #5797A1;letter-spacing: -1px;text-decoration: none; font-weight: normal;}
a.mainnavunder {font-family: Arial, sans-serif, serif; font-size: 14px;font-weight: bold; color: #FFFFFF; text-decoration: underline;padding-right: 5px; }
a.mainnavunder:visited {font-family: Arial, sans-serif, serif; font-size: 14px;font-weight: bold; color: #FFFFFF; text-decoration: underline;padding-right: 5px; }
a.mainnavunder:hover {font-family: Arial, sans-serif, serif; font-size: 14px;font-weight: bold; color: #B9D6DA; text-decoration: underline;padding-right: 5px; }
a.mainnavunder:active {font-family: Arial, sans-serif, serif; font-size: 14px;font-weight: bold; color: #B9D6DA; text-decoration: underline;padding-right: 5px; }
.listHeaderColumn {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; }
a.listingKeyHighlight:link{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline;}
a.listingKeyHighlight:visited{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline;}
a.listingKeyHighlight:hover{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline;}
a.style12:link{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline;}
a.style12:visited{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline;}
a.style12:hover{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline;}
.linkInactive {color: #8F8D95; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none;}
/* Preferred member styles */
.preferredborder {border: 1px solid #8f8d95;}
.preferrednumber {font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif;font-size: 54px; color: #5e5c61;}
.preferrednumber-sign {font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif;font-size: 21px;color: #5e5c61;text-align: right;font-weight: bold; padding-bottom: 10px;}
.preferredtext-extra-large {font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif;font-size: 28px;color: #ffffff; vertical-align: middle;}
.preferredtext-large {font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif;font-size: 22px;color: #5e5c61; vertical-align: middle;}
.preferredtext-large-alt {font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif;font-size: 22px; color: #ffffff; vertical-align: middle;}
.preferredtext-medium {font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif;font-size: 14px;color: #5e5c61;text-transform: uppercase;vertical-align: middle;line-height: 150%;}
.preferredtext-small {font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif;font-size: 12px;color: #8f8d95;line-height: 100%;}
.preferredtext-small-alt {font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif; font-size: 12px;color: #ffffff;line-height: 100%;}
.preferredrule {height: 40px;padding-left: 5px;padding-right: 5px;}
.preferredtext {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #FFFFFF;}
.preferreddetails {font-family: Arial, Helvetica, sans-serif;font-size: 9px;color: #FFFFFF;}
/* product catalog styles */
.pc-headingmain {font-family: "Times New Roman", Times, serif;font-size: 21px;font-weight: normal;text-transform: uppercase;color: #8f8d95;}
.pc-headingmain2 {font-family: "Times New Roman", Times, serif;font-size: 21px;font-weight: normal;color: #2b2930;}
.oe-headingmain {font-family: "Times New Roman", Times, serif;font-size: 21px;font-weight: normal;text-transform: uppercase;color: #a90050;}
.oe-headingmain2 {font-family: "Times New Roman", Times, serif;font-size: 21px;font-weight: normal;color: #2b2930;line-height:30px;}
a.pc-linkActive:link, a.pc-linkActive:active, a.pc-linkActive:visited, a.pc-linkActive:hover { font-family: 'Trebuchet MS', serif; font-size: 11px; font-weight: bold; color: #999999; text-decoration: none; }
.pc-linkInactive { font-family: 'Trebuchet MS', serif; font-size: 11px; font-weight: bold; color: #A90050; text-decoration: none; }
a.product:link, a.product:active, a.product:visited { font-family: "Times New Roman", Times, serif;font-size: 12px;font-weight: normal;color: #2b2930;text-align: center;line-height: 16px; text-decoration:none;}
a.product:hover { font-family: "Times New Roman", Times, serif;font-size: 12px;font-weight: normal;color: #2b2930;text-align: center;line-height: 16px; text-decoration: underline; }
a.product span { font-family:Arial, serif; font-size:11px; color: #8f8d95;}
a.product:hover span {text-decoration:underline;}
.pc-header { font-family: "Times New Roman", Times, serif; font-size: 20px; font-weight: normal; color: #323232; }
.pc-subheader { font-family: Arial, serif; font-size: 14px; font-weight: normal; color: #8f8d95; }
.product {font-family: "Times New Roman", Times, serif;font-size: 14px;font-weight: normal;color: #2b2930;text-align: center;line-height: 16px;}
.order {font-family: "Times New Roman", Times, serif;font-size: 16px;font-weight: bold;color: #a90050;text-align: center;line-height: 16px;}
.pc-retailPrice {font-family: "Times New Roman", Times, serif;font-size: 14px;font-weight: bold;color: #323232;}
.retailPrice {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #323232;}
.pc-preferredMemberPrice {font-family: "Times New Roman", Times, serif;font-size: 14px;font-weight: bold;color: #a90050;}
.preferredMemberPrice {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #a90050;}
.pc-consultantPrice {font-family: "Times New Roman", Times, serif;font-size: 14px;font-weight: bold;color: #015596;}
.consultantPrice {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #015596;}
.pc-businessVolumePrice {font-family: "Times New Roman", Times, serif;font-size: 14px;font-weight: bold;color: #8f8d95;}
.businessVolumePrice {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform:uppercase;color: #8f8d95;}
a.preferredPrice:link, a.preferredPrice:active, a.preferredPrice:visited, a.preferredPrice:hover {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #a90050; text-decoration: none;}
.pages {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #8f8d95;text-transform: uppercase;letter-spacing: 1px;}
a.pages:link, a.pages:active, a.pages:visited { font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #8f8d95;text-transform: uppercase;letter-spacing: 1px;text-decoration:none;}
a.pages:hover { font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #8f8d95;text-transform: uppercase;letter-spacing: 1px;text-decoration: underline; }
a.pc-icons:link, a.pc-icons:active, a.pc-icons:visited { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #5e5c61;text-transform: uppercase;text-decoration:none;line-height:90%;}
a.pc-icons:hover { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #5e5c61;text-transform: uppercase;text-decoration: none;line-height:90%; }
a.pc-uicons:link, a.pc-uicons:active, a.pc-uicons:visited { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #5e5c61;text-transform: uppercase;text-decoration:none;line-height:90%;}
a.pc-uicons:hover { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #5e5c61;text-transform: uppercase;text-decoration: underline;line-height:90%; }
a.tab-subnav:link, a.tab-subnav:active, a.tab-subnav:visited { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #2b2930;text-decoration:none; }
a.tab-subnav:hover { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #2b2930;text-decoration: none; }
.tab-subnav { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #2b2930;text-decoration: none; }
.tab-subnav-selected { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #ffffff;text-decoration: none; }
a.oe-icons:link, a.oe-icons:active, a.oe-icons:visited { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #8f8d95;text-transform: uppercase;text-decoration:none;line-height:90%;}
a.oe-icons:hover { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #8f8d95;text-transform: uppercase;text-decoration: none;line-height:90%; }
.currrent_page {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #a90050;text-transform: uppercase;letter-spacing: 1px;}
a.alerts:link, a.alerts:active, a.alerts:visited { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #5e5c61;text-transform: uppercase; text-decoration:none;}
a.alerts:hover { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #5e5c61;text-transform: uppercase; text-decoration: underline; }
.pc-categories {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #8f8d95;letter-spacing: 1px;}
.oe-section {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #5e5c61;letter-spacing: 1px;}
a.pc-categories:link, a.pc-categories:active, a.pc-categories:visited {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #8f8d95;letter-spacing: 1px; text-decoration:none;}
a.pc-categories:hover {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #8f8d95;letter-spacing: 1px; text-decoration:underline;}
td.oe-step-heading-main {font-family: "Times New Roman", Times, serif; font-size: 21px; font-style: normal; color: #333333;}
.pm-number {font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif;font-size: 54px;color: #5e5c61;}
.pm-number-sign {font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif;font-size: 21px;color: #5e5c61;text-align: right;font-weight: bold;padding-bottom: 10px;}
.pm-text-large {font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif;font-size: 22px;color: #5e5c61; vertical-align: middle;}
.pm-text-medium {font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif;font-size: 14px;color: #5e5c61;text-transform: uppercase;vertical-align: middle;line-height: 150%;}
.pm-text-small {font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif;font-size: 12px;color: #8f8d95;line-height: 100%;}
.pm-rule {height: 40px;padding-left: 5px;padding-right: 5px;}
.pm-text {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #FFFFFF;}
.pm-details {font-family: Arial, Helvetica, sans-serif;font-size: 9px;color: #FFFFFF;}
.oe-popup-header { color: #6b9ca5; font-family: 'Times New Roman', Times, serif; font-size: 24px; font-weight: normal; }
/* tab styles */
a.tab-1 {font: 11px Arial; /* Change px as desired */text-decoration: none;text-transform: uppercase;font-weight: bold;letter-spacing: .5px;}
/*- Menu Tabs 1--------------------------- */
#tabs1 {float:left;width:100%;font-size:93%;line-height:normal;}
#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/tableft2.gif") no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;text-transform:uppercase;font: 11px Arial;letter-spacing: -0.8px;font-weight:bold;}
#tabs1 a span {float:left;display:block;background:url("/images/tabright2.gif") no-repeat right top;padding:5px 10px 4px 6px;color:#646464;}
/* 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;}
/* tab styles */
.sub_heading {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #2b2930;letter-spacing: 1px;}
.sub_heading2 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #2b2930;letter-spacing: 1px;}
.comodo-secure{font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #8f8d95;text-transform: uppercase;letter-spacing: 1px;}
/* enrollment steps start */
td.step-heading-main{font-family: "Times New Roman", Times, serif; font-size: 24px; font-style: normal; color: #333333;}
td.step-numbers-active {font-family: "Times New Roman", Times, serif; font-size: 36px; font-style: normal; color: #333333;}
td.step-numbers-inactive {font-family: "Times New Roman", Times, serif; font-size: 36px; font-style: normal; color: #cccccc;}
td.step-numbers-incomplete {font-family: "Times New Roman", Times, serif; font-size: 36px; font-style: normal; color: #8f8d95;}
td.step-text-active {font-family: "Times New Roman", Times, serif; font-size: 12px; line-height: 14px; color: #333333; letter-spacing: .1em; text-transform:lowercase;}
td.step-text-inactive {font-family: "Times New Roman", Times, serif; font-size: 12px; line-height: 14px; color: #cccccc; letter-spacing: .1em; text-transform:lowercase;}
td.step-text-incomplete {font-family: "Times New Roman", Times, serif; font-size: 12px; line-height: 14px; color: #8f8d95; letter-spacing: .1em; text-transform:lowercase;}
td.active-state {padding-bottom: 4px; border-bottom: 2px #a90050;}
td.inactive-state {padding-bottom: 4px; border-bottom: 2px #cccccc;}
/* enrollment steps end */
.section_heading_normal { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #6498a1; text-decoration: none; line-height: 18pt; }
.section_heading { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #6498a1; text-transform: uppercase; text-decoration: none; line-height: 18pt; }
a.oe-icons-normal:link, a.oe-icons-normal:active, a.oe-icons-normal:visited { font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #8f8d95;text-decoration:none;line-height:90%;}
a.oe-icons-normal:hover { font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #8f8d95;text-decoration: none;line-height:90%; }
.text_important_white_large { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; }
.text_important_dark_large { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #5e5c61; }
a.imagenav:link, a.imagenav:visited, a.imagenav:active { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; line-height: 20px; }
a.imagenav:hover { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; line-height: 20px; }
a.imagenav_disabled:link, a.imagenav_disabled:visited, a.imagenav_disabled:active { color: #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; line-height: 20px; cursor: default;}
a.imagenav_disabled:hover { color: #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; line-height: 20px; cursor: default;}
td.border-top {border-top:1px solid #cccccc;}
td.border-bottom {border-bottom:1px solid #cccccc;}
td.border-top-bottom {border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;}
td.border-left {border-left:1px solid #cccccc;}
td.border-right {border-right:1px solid #cccccc;}
td.border-left-right {border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.textHighlight {color: #A90050; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none;}
.highlight2 {font-family: 'Trebuchet MS', sans-serif;font-size: 13px; color: #a90050; line-height: 13px; font-weight: bold;}
.help_header { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align: left; color: #A90050; text-transform: uppercase; text-decoration: none; }
.help_text {font-family: Arial, Helvetica, sans-serif;font-size: 13px; color: #2b2930;}
table.searchFieldsBox { border:1px solid #cccccc; background-color: #f0f0f0; }
.customer-profile-header{ color: #6b9ca5; font-family: 'Times New Roman', Times, serif; font-size: 24px; font-weight: normal; }
a.text_links:link, a.text_links:active, a.text_links:visited { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #5e5c61;text-transform: uppercase;text-decoration:none;line-height:90%;}
a.text_links:hover { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #5e5c61;text-transform: uppercase;text-decoration: none;line-height:90%; }
.template-headerCustomerName {font-family: "Times New Roman", Times, serif;font-size: 21px;font-weight: normal;color: #000000; line-height:90%;}
.oe-retail-price-item-on-sale {text-decoration:line-through;}
.oe-sale-price {color: #A90050;}
.oe-invalid-price-for-customer-retail {color: #8f8d95; text-decoration:line-through;}
.oe-invalid-price-for-customer {color: #8f8d95;}
a.oe-shipping:link, a.oe-shipping:active, a.oe-shipping:visited, a.oe-shipping:hover { color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline;}
/* IN THE KNOW * /
/ * face chart */
.ink-chart_title { font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif; font-size: 21px; text-transform: uppercase; color: #a90050; letter-spacing: 2px; }
.ink-chart_title2 { font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif; font-size: 21px; text-transform: uppercase; color: #8f8d95; letter-spacing: 2px; }
.ink-column_header { font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif; font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #a90050; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; vertical-align: bottom; }
.ink-column_header2 { font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif; font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #8f8d95; text-align: left; padding-top: 5px; padding-bottom: 5px; vertical-align: bottom; padding-right: 6px; padding-left: 6px; }
.ink-blank { background-color: #b4b4b4; }
td.ink-main { padding: 3px; border-top-width: 0; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #5e5c61; border-right-color: #5e5c61; border-bottom-color: #5e5c61; border-left-color: #5e5c61; text-align: center; font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif; font-size: 11px; line-height: 14px; }
td.ink-main2 { border-top-width: 0; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-top-style: solid; border-right-style: solid; border-bottom-style: solid;border-left-style: solid;border-top-color: #5e5c61; border-right-color: #5e5c61; border-bottom-color: #5e5c61; border-left-color: #5e5c61; text-align: left; font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif;font-size: 12px; line-height: 14px; padding-top: 3px; padding-right: 6px;padding-bottom: 3px; padding-left: 6px; vertical-align: top;}
table.ink { border-top-width: 2px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 2px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #5e5c61;border-right-color: #5e5c61;border-bottom-color: #5e5c61;border-left-color: #5e5c61; }
.ink-footnote { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; line-height: 11.5px; }
ink-product-sku { line-height: 24px; }
a.ink-product-sku:link,a.ink-product-sku:active,a.ink-product-sku:visited { font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif;font-size: 12px; line-height: 24px; text-decoration:none; font-weight:normal; color: #000000;}
a.ink-product-sku:hover { font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif;font-size: 12px; line-height: 24px; text-decoration:underline; font-weight:normal; color: #000000;}
.ink-product-name { font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif; font-size: 14px; letter-spacing: 1px; color: #a90050; }
a.ink-product-name:link, a.ink-product-name:active, a.ink-product-name:visited { font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif; font-size: 14px; letter-spacing: 1px; color: #a90050; text-decoration:none; font-weight:normal;}
a.ink-product-name:hover { font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif; font-size: 14px; letter-spacing: 1px; color: #a90050; text-decoration:underline; font-weight:normal;}
.ink-product-description { font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif;font-size: 12px;color: #8f8d95; }
a.ink-product-description:link, a.ink-product-description:active, a.ink-product-description:visited{ font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif;font-size: 12px;color: #8f8d95; text-decoration:none; font-weight:normal;}
a.ink-product-description:hover { font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif;font-size: 12px;color: #8f8d95; text-decoration:underline; font-weight:normal;}
.ink-subheader { font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif;font-size: 14px;color: #8f8d95; }
/* glossary */
.ink-ingreditent-detail {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #5e5c61; line-height: 14px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;}
.ink-ingreditent {font-family: "Century Schoolbook", "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; color: #a90050; line-height: 21px; padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 3px;}
.ink-ingredient-image {padding-top: 10px; padding-right: 10px; padding-bottom: 10px;}
.ink-letters {font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif; font-size: 14px; color: #8f8d95; padding-right: 4px;}
a.ink-letters:link,a.ink-letters:active,a.ink-letters:visited {font-weight:normal; font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif; font-size: 14px; color: #8f8d95; padding-right: 4px;text-decoration:none;}
a.ink-letters:hover {font-weight:normal; font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif; font-size: 14px; color: #8f8d95; padding-right: 4px;text-decoration:underline}
.ink-section {font-family: "Century Schoolbook", Garamond, "Times New Roman", Times, serif; font-size: 18px; color: #a90050;}
td.ink-no-ingredients {font-family: "Times New Roman", Times, serif; font-size: 24px; font-style: normal; color: #a90050;}
/* IN THE KNOW */
/* pc landing page */
.pc-section {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #5e5c61;letter-spacing: 1px;}
/* pc landing page */
.main_bullets {font-family: 'Trebuchet MS', sans-serif, serif;font-size: 16px;color: #9a9a97;line-height: 22px;margin-left: -24px;}
.main_header {font-family: 'Trebuchet MS', sans-serif, serif;font-size: 16px;font-weight: bold;color: #000000; line-height: 22px;}
/* Used to make a text box look disabled when it's actually read only*/
.disabledTextBox {
background-color: #DDDDDD;
color : gray;
}
/*Used to make text look disabled */
.disabledText {
color : gray;
}
/* company section */
#companySubmenu {
margin-left: 15px;
}
#companySubmenu a.notSelected:link {font-family: "Trebuchet MS", sans-serif, serif; font-size: 12px;font-weight: bold; color: #9a9a97; text-decoration: none;}
#companySubmenu a.notSelected:visited {font-family: "Trebuchet MS", sans-serif, serif; font-size: 12px;font-weight: bold; color: #9a9a97; text-decoration: none;}
#companySubmenu a.notSelected:hover {font-family: "Trebuchet MS", sans-serif, serif; font-size: 12px;font-weight: bold; color: #6498A1; text-decoration: none;}
#companySubmenu a.notSelected:active {font-family: "Trebuchet MS", sans-serif, serif; font-size: 12px;font-weight: bold; color: #6498A1; text-decoration: none;}
#companySubmenu a.selected:link {font-family: "Trebuchet MS", sans-serif, serif; font-size: 12px;font-weight: bold; color: #2B2930; text-decoration: none;}
#companySubmenu a.selected:visited {font-family: "Trebuchet MS", sans-serif, serif; font-size: 12px;font-weight: bold; color: #2B2930; text-decoration: none;}
#companySubmenu a.selected:hover {font-family: "Trebuchet MS", sans-serif, serif; font-size: 12px;font-weight: bold; color: #2B2930; text-decoration: none;}
#companySubmenu a.selected:active {font-family: "Trebuchet MS", sans-serif, serif; font-size: 12px;font-weight: bold; color: #2B2930; text-decoration: none;}
.separator {
margin: 0 10px;
font-family: "Trebuchet MS", sans-serif, serif;
font-size: 12px;
font-weight: bold;
color: #9a9a97;
text-decoration: none;
}
#companyContainer {
width: 954px;
border: 1px solid #cccccc;
margin: 5px 0;
padding: 0;
float: left;
}
#companyContainer #title {
font: 21px "Times New Roman",Times,serif;
font-weight: normal;
color: #2B2930;
float: left;
padding: 8px;
text-align: left;
}
#companyContainer #press-title {
font: 21px "Times New Roman",Times,serif;
font-weight: normal;
color: #2B2930;
padding: 8px 8px 0;
margin: 0;
text-align: left;
width: 65px;
}
#companyContainer .tabs {
text-align: left;
}
#companyContainer td.middle-tab {
height: 30px;
background: url(/images/en_US/company/tabs/middle.gif) top left repeat-x;
padding: 5px;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 13px;
font-weight: bold;
color: #9A9A97;
}
td.middle-tab a.not-selected:link { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; font-weight: bold; color: #9A9A97; text-decoration: none; text-transform: uppercase; }
td.middle-tab a.not-selected:visited { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; font-weight: bold; color: #9A9A97; text-decoration: none; text-transform: uppercase; }
td.middle-tab a.not-selected:hover { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; font-weight: bold; color: #9A9A97; text-decoration: none; text-transform: uppercase; }
td.middle-tab a.not-selected:active { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; font-weight: bold; color: #9A9A97; text-decoration: none; text-transform: uppercase; }
td.middle-tab a.selected:link { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; font-weight: bold; color: #A90050; text-decoration: none; text-transform: uppercase; }
td.middle-tab a.selected:visited { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; font-weight: bold; color: #A90050; text-decoration: none; text-transform: uppercase; }
td.middle-tab a.selected:hover { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; font-weight: bold; color: #A90050; text-decoration: none; text-transform: uppercase; }
td.middle-tab a.selected:active { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; font-weight: bold; color: #A90050; text-decoration: none; text-transform: uppercase; }
#companyContainer #note {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #a90050;
text-decoration: none;
text-align: right;
float: right;
padding: 8px;
width: 50%;
}
#companyContainer #indexContent {
margin: 0 auto;
padding: 0 0 10px 11px;
clear: both;
width: 100%;
float: left;
}
#companyContainer #content {
margin: 0 auto;
padding: 0;
width: 954px;
}
#companyContainer #indexContent div span {
text-align: left;
padding-left: 10px;
padding-top: 45px;
display: block;
}
#companyContainer #indexContent #history {
text-align: left;
background-image: url(/images/en_US/company/lhistoire-bg.jpg);
float: left;
width: 302px;
height: 385px;
cursor: pointer;
}
#companyContainer #indexContent #team {
text-align: left;
background-image: url(/images/en_US/company/vu-who-bg.jpg);
float: left;
width: 302px;
height: 385px;
margin: 0 12px;
cursor: pointer;
}
#companyContainer #indexContent #press {
text-align: left;
background-image: url(/images/en_US/company/press-bg.jpg);
float: left;
width: 302px;
height: 385px;
cursor: pointer;
}
#companyContainer #indexContent div a:link {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #6498A1; text-decoration: none;}
#companyContainer #indexContent div a:visited {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #6498A1; text-decoration: none;}
#companyContainer #indexContent div a:hover {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #6498A1; text-decoration: none;}
#companyContainer #indexContent div a:active {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #6498A1; text-decoration: none;}
/* {
border: 1px dotted red;
}*/
#companyContainer #pressLeft {
margin: 0;
padding: 0;
width: 705px;
float: left;
text-align: left;
}
#companyContainer #pressLeft #content {
margin: 0 auto;
padding: 0;
clear: both;
width: 100%;
}
#companyContainer #pressRight {
margin: 8px 5px 20px 0;
padding: 0;
width: 220px;
float: right;
}
#pressRight a {
color: #6498A1;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
}
#pressRight b {
color: #6498A1;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
#pressRight h1 {
margin: 0 0 8px;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #5e5c61;
letter-spacing: 1px;
}
#pressRight h1.no-margin {
margin: 0;
padding: 0;
}
#pressRight h2 {
margin: 0;
padding: 0;
font-family: "Century Schoolbook",serif;
font-size: 16px;
color: #000000;
}
#pressRight h3 {
margin: 0;
padding: 0;
font-family: "Century Schoolbook",serif;
font-size: 11px;
color: #888888;
}
span.noteText {
font-family: "Trebuchet MS", sans-serif, serif;
font-size: 12px;
color: #000000;
line-height: 13px;
}
.page-subheadermain { color: #a90050; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; text-decoration: none; margin-left: 2px; line-height: 28px; }
/* asset video */
.AssetVideo-header {font-family: "Times New Roman", Times, serif;font-size: 24px;font-weight: normal;color: #323232; }
.AssetVideo-subheader {font-family: "Times New Roman", Times, serif;font-size: 16px;font-weight: normal;color: #8f8d95; }
.AssetVideo-vidheader {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #323232;}
.AssetVideo-close {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #9a9a97;}
.AssetVideo-emailafriend {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #9a9a97;}
.AssetVideo-name {font-family: Arial, Helvetica, sans-serif;font-size: 9px;font-weight: bold;color: #323232;}
.AssetVideo-info {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #323232;}
.AssetVideo-Order-Section-Product-Name {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #323232;}
/* evite */
.evite-heading {
color: #a90050;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 32px;
font-weight: normal;
text-decoration: none;
margin-left: 0px;
border-bottom:1px solid #c8c8c8;
height: 35px;
}
.evite-infomation {
color: #5e5c61;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
text-decoration: none;
margin-left: 4px;
padding-left:4px;
line-height: 16px;
}
.evite-infomation-header {
color: #979797;
font-size: 24px;
font-family: Georgia, "Times New Roman", Times, serif;
padding-top: 6px;
padding-left: 4px;
}
.evite-infomation-pink{
color: #a90050;
font-size: 21px;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 10px 0 6px 4px;
}
.evite-message-body-header {
color: #a90050;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 21px;
font-weight: normal;
text-decoration: none;
}
.evite-message-body-footer {
color: #a90050;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: normal;
text-decoration: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.evite-message-body {
color: #5e5c61;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
text-align:justify;
line-height: 18px;
}
p.body{
padding: 0 0 8px 0;
margin: 0 0 0 0;
}
p.footer{
padding: 0 0 0 0;
margin: 0 0 0 0;
}
/************************************************************************/
/******** CSS DRIVEN */
/************************************************************************/
label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; padding-right: 3px}
#page-container { width: 100%; padding: 0; margin: 0 10px 0 0; text-align: left}
#page-header { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; text-decoration: none; padding: 10px}
#page-errors {clear: both; padding: 5px;}
#popup-page-container { margin: 0; padding: 0; width: 100%; text-align: left}
#popup-page-container #page-header { width: 100%; padding: 0; margin: 0; color: #FFFFFF; background-color: #034E97; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
#popup-page-container #main { margin: 25px 0 10px ; padding: 5px; text-align: center; }
#form-header { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #999999; height: 18px; padding: 5px}
#form-box {clear: both; border: 1px solid #999999; background-color: #f5f5f5; float: left; width: 100%; }
#form-box p {clear: both; }
#form-field { float: left; margin: 5px;}
#buttons { clear: both; margin: 10px 0 10px 0; float: left; width: 100%; }
#button-container { float: left; width: auto; padding-left: 5px; }
#search-box { padding: 0; margin: 0 0 10px 0; border: 1px solid #999999; background-color: #f5f5f5; float: left; width: 100%; }
#search-box h1 { padding: 0; margin: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: black; text-decoration: none; }
#search-results { margin: 0; padding: 0; border: 1px solid #999; text-align: center; width: 100%; clear: both; }
#search-results th { font-family:arial, helvetica, sans-serif; color:#ffffff; font-size: 12px; font-weight: bold; background-color:#034E97; padding: 5px; text-align: center;}
#search-results th.column-left { text-align: left;}
#search-results td {font-family:arial, helvetica, sans-serif; }
#search-results tr.odd { background-color: #EBEBEB; }
#search-results tr.even { background-color: #ffffff; }
#search-results tr.inactive { color: #F00 !important; }
#search-results-no-results { font-family:arial, helvetica, sans-serif; color:#000000; font-size: 16px; font-weight: bold; text-align: center}
/* brand ambassador */
div#brand-ambassador-header-wrapper {
width: 955px;
height: 155px;
background: url(/images/en_US/join/banner/brand-ambassador.gif) top center no-repeat;
float: left;
margin-top: 5px;
}
div#brand-ambassador-header-wrapper #description {
width: 730px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #323232;
line-height: 1.5em;
margin: 60px 0 0 20px;
text-align: left;
float: left;
}
div#brand-ambassador-header-wrapper #shuffle {
float: left;
margin: 98px 0 0 8px;
width: 183px;
height: 52px;
}
table.brand-ambassador-spotlight-table {
width: 940px;
}
table.brand-ambassador-spotlight-table td {
padding: 0;
vertical-align: top;
}
table.brand-ambassador-spotlight-table td.ba-photo {
cursor: pointer;
}
table.brand-ambassador-spotlight-table td.ba-photo img {
display: block;
margin: 0;
padding: 0;
}
table.brand-ambassador-spotlight-table td.ba-photo div.ba-name {
width: 180px;
padding: 0 10px;
border-width: 0 1px 1px;
border-style: solid;
border-color: #e1e1e1;
line-height: 29px;
font-family: Arial, sans-serif;
font-size: 12px;
color: #969696;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}
div.ba-page {
margin-top: 10px;
clear: both;
}
.mua-spotlight-home{ clear:both; margin-top:15px; margin-bottom:15px;}
.minisode{margin-top:15px; margin-bottom:15px; } a img{ border:none;}
.product-details{ margin-left:15px; margin-right:15px;}
.product-thumb{ border: 1px solid #E3E3E3; float: left; height:241px; }
.product-thumb img{ float:left; clear:both;}
.return-link{ padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #949494; margin-bottom: 25px; }
.enlarge{ position:relative; top:-25px; left:8px; }
.pd-top h1{ margin:0px; padding:0px; font-family: "Times New Roman", Times, serif; font-size: 20px; font-weight: normal; vertical-align:top; position:relative; top:-2px;}
.pd-top h2{ margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; color: #9A9A97; }
.pd-top-right-zone{ float:left; position:relative; left:20px; line-height:18px;}
.pd-headers{ width:459px; float:left;}
.view-recent-items{ float:left; position:relative; right:8px;}
.pd-top-right-zone .row{float:left; clear:both; width:620px;}
.row{ float:left; clear:both;}
.pd-top { float:left; clear:both; margin-bottom:7px; }
.pd-qty { float:left; clear:both; background-color: #F0F0F0; border: 1px solid #E1E1E1; padding-bottom:10px; margin-bottom:15px; margin-top: 24px;width: 297px;}
#tabs{ position:relative; width:605px; height:172px; overflow-x:hidden; overflow-y:scroll; border: 1px solid #E3E3E3; }
#trPanels{ }
#quantity.fancy{ width:27px;}
.tell-a-link{ margin-left:5px;}
#tabs div{ padding-right: 20px; padding-left: 15px;}
.pd-related-products{ float:left; clear:both; border-top-width: 1px; border-top-style: solid; border-top-color: #E3E3E3; width:925px;}
.pd-basics{ margin-bottom:7px; width:925px; float:left;}
.pd-basics div { float:left;}
.pd-video{ position:relative; left: 21px;}
.pd-accolades{ position:relative; left: 23px;}
.product-thumb #productImage{ }
.video-title, .accolades-title{ float:left; clear:both; height:25px;}
.flash-content{ float:left; clear:both;}
#tabs{ position:absolute;}
#tabs div{ height:auto!important; overflow:visible; padding-bottom:50px; float:left;}
.creed { border: 1px solid #CCCCCC; clear: both; padding-bottom: 4px; float:left;}
.creed * { margin:0px; padding:0px; }
.creed .row { clear:both; position:relative; left:90px; width:850px; }
.creed p { width:385px; font-size: 12px; margin-right:22px; padding-bottom:8px; line-height: 20px; }
.creed h1 { color: #6AA66E; text-transform: uppercase; font-size: 27px; width:430px; font-weight: normal; padding-bottom: 8px; line-height: 24px; font-family: "Times New Roman", Times, serif; }
.creed-container { margin-top:-40px;}
.creed-column{ float:left; padding-bottom:20px;}
.vid-sites{ width:100%!important;}
.footerImg img{ position:relative; right:0px;}
.flash-content{ border:solid 1px #e3e3e3;}
.text_important1 {
color: #5E5C61;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
}