/* this is the ID of the overall tabs container */ #product-tabs {position: relative;background-color: white;width:auto;margin:0px auto;} #investor-tabs {position: relative;background-color: white;width:auto;margin:0px auto;} /* this is the overall tabs container */ #product-tabs .r-tabs {position: relative;} #investor-tabs .r-tabs {position:relative;} /* this is the unordered list navigation for desktop */ #product-tabs ul.r-tabs-nav {display:none;margin:0;padding:0;} #investor-tabs ul.r-tabs-nav {display:none;margin:0;padding:0;} /* this is the container for each tab title as it appears in accordion (mobile mode) */ #product-tabs .r-tabs-accordion-title {display:block;width:auto;} #investor-tabs .r-tabs-accordion-title {display:block;width:auto;} /* this is the actual link for each tab as it appears in accordion on load (mobile mode) */ #product-tabs.r-tabs .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 10px; background-color: #444; color: #fff; text-decoration: none; border-bottom:1px solid white; } #investor-tabs.r-tabs .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 10px; background-color: #444; color: #fff; text-decoration: none; border-bottom:1px solid white; } /* this is the actual link for each tab as it appears in accordion ACTIVE (mobile mode) */ #product-tabs.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {border-bottom: 1px solid white;background-color: #e51937;color: white;font-family:'FrutigerBold';text-shadow: none;} #investor-tabs.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {border-bottom: 1px solid white;background-color: #e51937;color: white;font-family:'FrutigerBold';text-shadow: none;} /* this is the actual link text for each tab as it appears in accordion (mobile mode) */ #product-tabs.r-tabs .r-tabs-accordion-title .r-tabs-anchor .thetablinkname {display:inline;font-size:20px;} #investor-tabs.r-tabs .r-tabs-accordion-title .r-tabs-anchor .thetablinkname {display:inline;font-size:20px;} /* this is the background image for each tab as it appears in accordion - it should not appear in mobile mode */ #product-tabs.r-tabs .r-tabs-accordion-title .r-tabs-anchor span {display:none;} #investor-tabs.r-tabs .r-tabs-accordion-title .r-tabs-anchor span {display:none;} /* this is the + PLUS icon for the accordion in mobile mode */ #product-tabs .r-tabs-accordion-title .r-tabs-anchor:after {display:inline!important;content: "\f132";font-family: 'dashicons';float: right;font-size:14px;} #investor-tabs .r-tabs-accordion-title .r-tabs-anchor:after {display:inline!important;content: "\f132";font-family: 'dashicons';float: right;font-size:14px;} /* this is the - MINUS icon for the accordion in mobile mode */ #product-tabs .r-tabs-state-active .r-tabs-anchor:after {display:inline!important;content: "\f460";font-family: 'dashicons';float: right;font-size:14px;} #investor-tabs .r-tabs-state-active .r-tabs-anchor:after {display:inline!important;content: "\f460";font-family: 'dashicons';float: right;font-size:14px;} /* this is the tab panel (actual information) in accordion mode on load */ #product-tabs.r-tabs .r-tabs-panel {margin:0;background-color: white;padding: 25px;display: none;} #investor-tabs.r-tabs .r-tabs-panel {margin:0;background-color: white;padding: 25px;display: none;} /* this is the tab panel (actual information) in accordion mode when active */ #product-tabs.r-tabs .r-tabs-panel.r-tabs-state-active {display: block;} #investor-tabs.r-tabs .r-tabs-panel.r-tabs-state-active {display: block;} /* this is the tab panel PRODUCT TABS STYLES (actual information) left and right divs in accordion mode when active */ #product-tabs .tab_left_col {float:none;width:auto;} #product-tabs .tab_right_col {float:none; width:auto;margin: 0 0 15px 0;} #product-tabs .tab_left_col img, #product-tabs .tab_right_col img {width:100%;} #product-tabs.r-tabs .r-tabs-panel h3 {font-family:'FrutigerLight';font-size:25px;color:#e51937;line-height:25px;display:block;border-bottom:1px dotted #7f7f7f;} #product-tabs.r-tabs .r-tabs-panel h3 span {font-size:14px;color:#7f7f7f;display:block;font-family:'FrutigerBold';line-height:17px;} #product-tabs.r-tabs .r-tabs-panel p {color:#818181;font-size:15px;line-height:20px;margin: 15px 0;} #product-tabs.r-tabs .r-tabs-panel p strong {font-family:'FrutigerBold';} #product-tabs.r-tabs .r-tabs-panel p strong span {color:red;} #product-tabs.r-tabs .r-tabs-panel a {color:#818181;} #product-tabs.r-tabs .r-tabs-panel a:hover {color:#363636;} #product-tabs.r-tabs .r-tabs-panel ul {margin: 20px 0 20px 20px;font-size:15px;line-height:20px;list-style:none;} #product-tabs.r-tabs .r-tabs-panel ul li {margin:20px 0;} #product-tabs.r-tabs .r-tabs-panel ul li a {color:#505050;text-decoration:none;} #product-tabs.r-tabs .r-tabs-panel ul li a:hover {color:#e51937;border-bottom:1px dotted #e51937; } #product-tabs.r-tabs .r-tabs-panel ul li:before {content: "\2022"; color: #e51937;font-size:12px;padding: 0 0 0 0;display: inline-block;width:20px;margin-left:-20px;} #product-tabs a.tabsbutton {border:1px solid #777777;border-radius:10px;padding:2.3% 2% 2% 2%;color:#777777;text-decoration:none;background-color:transparent;display:inline-block;font-size:14px;margin: 0;font-family: 'FrutigerBold';} #product-tabs a.tabsbutton:hover {background-color:#e51937;color:white;border:1px solid #e51937;} /* form styles */ .tab_right_col form {margin:0;padding:0;} .tab_right_col .nf-field-label {margin-bottom:3px!important;} .tab_right_col label {font-family:'FrutigerBold'!important;font-size:13px!important;color:#505050!important;} .tab_right_col .nf-field-container {margin-bottom:8px!important;} .tab_right_col input[type="text"], .tab_right_col input[type="email"], .tab_right_col input[type="tel"], .tab_right_col textarea {font-family:'FrutigerLight'!important;padding:1.5%!important;font-size:17px;color:#8d8d8d;border:2px solid rgb(238, 238, 238);} .tab_right_col select {font-size:13px;font-family:'FrutigerLight'!important;} .tab_right_col input[type="button"] {border:1px solid #777777;border-radius:10px;padding:3% 2% 2% 2%;color:#777777;text-decoration:none;background-color:transparent;display:inline-block;font-size:14px;margin: 0 auto!important;font-family: 'FrutigerBold';width:50%!important;cursor:pointer;} .tab_right_col input[type="button"]:hover {background-color:#e51937;color:white;border:1px solid #e51937;} @media screen and (min-width: 701px) { /* this is the overall tabs container */ #product-tabs.r-tabs {position: relative;} #investor-tabs.r-tabs {position:relative;background-color:#f8f8f8;} /* this is the unordered list navigation for desktop */ #product-tabs ul.r-tabs-nav {display:block;margin: 0;padding: 0;text-align:center;font-size:0;} #investor-tabs ul.r-tabs-nav {display:block;margin: 0;padding: 0;text-align:center;font-size:0;} /* this is the accordion container for each title as it appears in tabs (desktop mode) */ #product-tabs.r-tabs .r-tabs-accordion-title {display:none;} #investor-tabs.r-tabs .r-tabs-accordion-title {display:none;} /* this is the actual link text for each tab as it appears in tabs (desktop mode) */ #product-tabs.r-tabs .r-tabs-tab .r-tabs-anchor .thetablinkname {display:none;} #investor-tabs.r-tabs .r-tabs-tab .r-tabs-anchor .thetablinkname {display:none;} /* this is the tab panel (actual information) in desktop (tab) mode on load */ #product-tabs.r-tabs .r-tabs-panel {display: none;} #investor-tabs.r-tabs .r-tabs-panel {display: none;} /* this is the tab panel (actual information) in desktop (tab) mode when active */ #product-tabs.r-tabs .r-tabs-panel.r-tabs-state-active {border:none;padding-top:25px;margin:0 auto;} #investor-tabs.r-tabs .r-tabs-panel.r-tabs-state-active {border:none;padding-top:25px;margin:0 auto;} #product-tabs .panelcontentwrapper {width:85%;margin: 0 auto;} /* this is the tab panel (actual information) left and right divs in desktop (tab) mode when active */ #product-tabs .tab_left_col {float:left;width:48%;} #product-tabs .tab_right_col {float:right;width:48%;} /* this is the tab navigation (desktop mode) */ #product-tabs.r-tabs .r-tabs-nav .r-tabs-tab {position: relative;background-color:white;display: inline-block;margin: 0;list-style: none;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;box-shadow: 0px 0px 0px black;-moz-box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.45);-webkit-box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.45);} #investor-tabs.r-tabs .r-tabs-nav .r-tabs-tab {position: relative;display: inline-block;margin: 0;list-style: none;} #product-tabs.r-tabs .r-tabs-nav .r-tabs-tab:first-child {border-left:1px solid #ccc;} /* if navigation tab is active, show this */ #product-tabs.r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active {border-bottom:none;} #investor-tabs.r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active {border-bottom:none;background-color:white;} #product-tabs.r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active:before {position: absolute;background: #e51937;top: -5px;left: 0;width: 100%;height: 5px;content: '';} #investor-tabs.r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active:before {position: absolute;background: #e51937;top: -5px;left: 0;width: 100%;height: 5px;content: '';} /* this is the tab navigation link in desktop mode on load */ #product-tabs.r-tabs .r-tabs-nav .r-tabs-anchor {display: inline-block;padding: 0;text-decoration: none;} #investor-tabs.r-tabs .r-tabs-nav .r-tabs-anchor {float:left;text-decoration: none;padding: 10px;font-family:'FrutigerBold';font-size:14px;color:#393939;vertical-align:middle;overflow:hidden;width:120px;height:120px;text-align:center;} #investor-tabs.r-tabs .r-tabs-nav .r-tabs-anchor:hover {background-color:#f1f1f1;} #investor-tabs.r-tabs .r-tabs-nav .r-tabs-anchor:hover {color:black;} #product-tabs.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {background-color:white;} /* this is the image associated with each PRODUCT TAB in desktop mode - pay close attention to the size of the media query */ #product-tabs.r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor span {width:165px;height:61px;background-size:165px;background-position:top left;display:block;overflow:hidden;} #product-tabs.r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor span:hover {background-position:0 -61px;} #product-tabs.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor span:hover {background-position:0 -61px;} /* this is the image associated with each INVESTOR TAB in desktop mode */ #investor-tabs.r-tabs .r-tabs-nav .r-tabs-state-default div.irtabimage, #investor-tabs.r-tabs .r-tabs-nav .r-tabs-state-active div.irtabimage {background-position: top left;background-repeat:no-repeat;background-size:90px;display:block;width:90px;height:90px;text-align:center;margin: 0 auto;} #investor-tabs.r-tabs .r-tabs-nav .r-tabs-state-default:hover div.irtabimage {background-position:0 -90px;} /* this is the tab navigation link (image) in desktop mode when active */ #product-tabs.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor span {background-position:0 -61px;} #investor-tabs.r-tabs .r-tabs-nav .r-tabs-state-active div.irtabimage {background-position: 0 -180px;} #investor-tabs.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {color:#e51937;} /* this is the + PLUS icon for the accordion in mobile mode */ #product-tabs .r-tabs-accordion-title .r-tabs-anchor:after {content:'';} #investor-tabs .r-tabs-accordion-title .r-tabs-anchor:after {content:'';} /* this is the - MINUS icon for the accordion in mobile mode */ #product-tabs .r-tabs-state-active .r-tabs-anchor:after {content:'';} #investor-tabs .r-tabs-state-active .r-tabs-anchor:after {content:'';} } /* end media query */ @media screen and (min-width:911px) { /* this is the image associated with each tab in desktop mode - pay close attention to the size of the media query */ #product-tabs.r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor span {width:215px;height:80px;background-size:215px;background-position:top left;display:block;overflow:hidden;opacity:0.5;} #product-tabs.r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor span:hover {background-position:top left;opacity:1;} /* this is the tab navigation link (image) in desktop mode when active */ #product-tabs.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor span {opacity:1;background-position:0 -80px;} #product-tabs.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor span:hover {background-position:0 -80px;} } /* end media query */