/* Custom CSS Document for Revive Skincare
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/*  GLOBAL STYLES
--------------------------------------------------------*/

body {background: #fff}
#PageTable {padding: 20px}
#ContentCell {padding: 1px 0 12px 0}
.Instructions {font: 10px Arial, Helvetica, sans-serif; color: #000}
#Instruction1_InstructCell {background: #ccc;	border: 1px solid #999;	padding: 7px}
#Instruction1_InstructCell a {color: #000}
.Messages,
.ErrorMessages {text-transform: uppercase; font: bold 11px Arial, Helvetica, sans-serif; color: #FF5800}
.Headings {font: 18px/25px Arial, Helvetica, sans-serif; color: #030; text-transform: uppercase; padding-bottom:15px;}
.ContentTableHeader, 
.ContentTable,
.ContentTableHorizontal {font: 14px Arial, Helvetica, sans-serif; color: #fff; background: #666}
.Content {font: 10px Arial, Helvetica, sans-serif; color: #666}
.Content h2 {font-weight: normal; font: 14px Arial, Helvetica, sans-serif; color: #030}
.Content a {color: #666; text-decoration: underline}
.Content a:hover {color: #666; text-decoration: none}

/* TopBanner Styles
--------------------------------------------------------*/

#TopBannerCell {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0; padding: 0}
#TopBannerCell img {margin: 0; padding: 0}
#TopBannerCell div {margin: 0; padding: 0}

/* TopSubBanner Styles
--------------------------------------------------------*/

#TopSubBannerCell {background: #fff; border-bottom: 1px solid #ccc; width: 100%; margin: 0; padding: 0}
#TopSubBannerCell #nav {margin: 0; padding: 0; height: 28px; list-style: none; display: inline; overflow: hidden}
#TopSubBannerCell #nav li {margin: 0; padding: 0; list-style: none; display: inline}
#TopSubBannerCell #nav a {float: left; padding: 28px 0 0 0; overflow: hidden;	height: 0px !important; height /**/:28px; /* for IE5/Win only */}
#TopSubBannerCell #nav a:hover {background-position: 0 -28px}
#TopSubBannerCell #nav a:active,
#TopSubBannerCell #nav a.selected {background-position: 0 -28px}
#TopSubBannerCell #nav01 a {width: 94px; background: url(images/design/bn-nav01.gif) top left no-repeat}
#TopSubBannerCell #nav02 a {width: 86px; background: url(images/design/bn-nav02.gif) top left no-repeat}
#TopSubBannerCell #nav03 a {width: 106px; background: url(images/design/bn-nav03.gif) top left no-repeat}
#TopSubBannerCell #nav04 a {width: 61px; background: url(images/design/bn-nav04.gif) top left no-repeat}
#TopSubBannerCell #nav05 a {width: 70px; background: url(images/design/bn-nav05.gif) top left no-repeat}
#TopSubBannerCell #nav06 a {width: 73px; background: url(images/design/bn-nav06.gif) top left no-repeat}
#TopSubBannerCell #nav07 a {width: 93px; background: url(images/design/bn-nav07.gif) top left no-repeat}
#TopSubBannerCell #nav08 a {width: 137px; background: url(images/design/bn-nav08.gif) top left no-repeat}
#productwrap #nav01 a {background-position: 0 -28px}
#sciencewrap #nav02 a {background-position: 0 -28px}
#drwrap #nav03 a {background-position: 0 -28px}
#qawrap #nav04 a {background-position: 0 -28px}
#newswrap #nav05 a {background-position: 0 -28px}
#presswrap #nav06 a {background-position: 0 -28px}
#contactwrap #nav07 a {background-position: 0 -28px}

/* LeftColumnNav Styles
--------------------------------------------------------*/

#LeftColumnCell {background: #fff; padding-bottom: 25px}
#LeftColumnNav1_custommenu {width: 100%}
#LeftColumnNav1_custommenu h2 {text-indent: -9999px; overflow: hidden; width: 105px; display: block; margin: 0; padding: 0}
#LeftColumnNav1_custommenu #head01 {background: url(images/design/lc-head01.gif) no-repeat top left; height: 38px}
#LeftColumnNav1_custommenu #head02 {background: url(images/design/lc-head02n.gif) no-repeat top left; height: 34px}
#LeftColumnNav1_custommenu #lcnav {margin: 0; padding: 0; text-indent: -9999px; overflow: hidden; list-style: none}
#LeftColumnNav1_custommenu #lcnav li {margin: 0; padding: 0; list-style: none; height: 17px}
#LeftColumnNav1_custommenu #lcnav a {width: 105px; display: block; padding: 0 0 17px 0; text-indent: -9999px; overflow: hidden; height: 0px !important; height /**/:17px; /* for IE5/Win only */}
#LeftColumnNav1_custommenu #lcnav a:hover {background-position: 0 -17px}
#LeftColumnNav1_custommenu #lcnav a:active,
#LeftColumnNav1_custommenu #lcnav a.selected {background-position: 0 -17px}
#LeftColumnNav1_custommenu #lcnav01 a {background: url(images/design/lc-nav01.gif) top left no-repeat}
#LeftColumnNav1_custommenu #lcnav02 a {background: url(images/design/lc-nav02.gif) top left no-repeat}
#LeftColumnNav1_custommenu #lcnav03 a {background: url(images/design/lc-nav03.gif) top left no-repeat}
#LeftColumnNav1_custommenu #lcnav04 a {background: url(images/design/lc-nav04.gif) top left no-repeat}
#LeftColumnNav1_custommenu #lcnav05 a {background: url(images/design/lc-nav05.gif) top left no-repeat}
#LeftColumnNav1_custommenu #lcnav06 a {background: url(images/design/lc-nav06n.gif) top left no-repeat}
#LeftColumnNav1_custommenu #lcnav07 a {background: url(images/design/lc-nav07n.gif) top left no-repeat}
#LeftColumnNav1_custommenu #lcnav08 a {background: url(images/design/lc-nav08n.gif) top left no-repeat}
#LeftColumnNav1_custommenu #lcnav09 a {background: url(images/design/lc-nav09n.gif) top left no-repeat}
#LeftColumnNav1_custommenu #lcnav10 a {background: url(images/design/lc-nav10n.gif) top left no-repeat}
#LeftColumnNav1_custommenu #lcnav11 a {background: url(images/design/lc-nav11n.gif) top left no-repeat;}
#LeftColumnNav1_custommenu #lcnav li#lcnav11,
#LeftColumnNav1_custommenu #lcnav li#lcnav11 a { height:30px !important; }
#LeftColumnNav1_custommenu #lcnav li#lcnav11 a:hover {background-position: 0 -30px}
#LeftColumnNav1_custommenu #lcnav li#lcnav11 a.selected {background-position: 0 -30px}
.bump {
	margin-left:7px !important;
}

/* Footer Styles
--------------------------------------------------------*/

#FooterCell {background: #fff; border-top: 1px solid #ccc}
#FooterCell table {width: 100%; font: 10px Arial, Helvetica, sans-serif; color: #666; padding-bottom: 20px}
#FooterCell table td {white-space: nowrap; padding: 9px 2px 0 2px}
#FooterCell table .right {text-align: right}

/* Default Page Styles
--------------------------------------------------------*/

#df-base {border-top: 1px solid #ccc}

/* Static Page Styles
--------------------------------------------------------*/

#static-tbl {border-top: 8px solid #fff; border-left: 10px solid #fff; border-bottom: 8px solid #fff; width: 100%; font-size: 10px; color: #666}
#static-tbl td {vertical-align: top}
#static-tbl h2 span {font-size: 10px; font-style: italic}
#static-tbl a {text-decoration: none}
#static-tbl a:hover {color: #030}
#static-tbl ol {line-height: 24px; color: #030; font-size: 13px; font-weight: bold; margin-left: 30px; padding-left: 0; list-style-type: decimal-leading-zero}
#static-tbl ol a {color: #060; text-decoration: underline}
#static-tbl ol a:hover {color: #060; text-decoration: none}
#static-tbl ol span {color: #666; font-size: 13px; line-height: 20px; font-weight: normal}
#static-tbl ol span a {color: #060; font-size: 10px; line-height: 60px}
#static-tbl .head {padding-bottom: 20px}
#static-tbl .main {padding: 0 20px 0 0}
#static-tbl .right img.rtimg {margin: 0 0 20px 0}
#static-tbl .larger {font-size: 12px}
#static-tbl .greentxt {color: #030; margin: 0; padding: 0}
#static-tbl .line {border-bottom: 1px solid #ccc}
#static-tbl h4 {font-size: 10px; font-weight: normal}
.dr .main img {float: left}
.dr .right div {margin-left: 10px}
.dr .right h2 {margin: 10px 0 0 10px; padding: 0}
.dr-calendar table {width: 100%; font-size: 10px; color: #333}
.dr-calendar table td {padding: 5px}
.dr-calendar table .header {font-size: 13px; font-weight: bold}
.dr-calendar table .r_1 {background: #eee}
.dr-journal .journal-head {padding-bottom: 10px}
.dr-journal .journal-head img {margin-bottom: 10px}
.dr-journal .line {border-bottom: 1px solid #ccc}
.dr-journal h3 {font: italic 18px Georgia, "Times New Roman", Times, serif; color: #666}
.qa .line {border-bottom: 1px solid #ccc; margin: 50px 0}
.press table .mag01 {margin: 0 15px 15px 0}
.press table .mag02 {margin: 0 0 15px 0}
.press table a img {border: 1px solid #ccc}
.press table a:hover img {border: 1px solid #ff0}
#presswindow {margin: 8px 0 8px 10px} 
.news table {font-size: 10px; color: #666; width: 100%}
.news table td {border-bottom: 1px solid #ccc}
.news table .l {padding: 10px 20px 10px 0}
.news table .l a img {border: 1px solid #ccc}
.news table .l a:hover img {border: 1px solid #ff0}
.news table .r {padding: 10px 80px 10px 0; width: 100%}
.news table .l#last-l {border-bottom: none}
.news table .r#last-r {border-bottom: none}
.news table h2 {margin: 0 0 10px 0; padding: 0}
.news table p {margin: 0; padding: 0}
.news table span {color: #f00}
.news-window .bookhead {font-size: 13px; color: #030; margin: 0; padding: 0}
.products .main-prod {padding-right: 10px}
.products .right-prod img.rtimg {margin: 0 0 20px 10px}
.casestudy table {font-size: 10px; color: #666; width: 100%}
.casestudy table img {border: 2px solid #ccc; margin-right: 20px}
.casestudy table h3 {font-size: 16px; font-weight: bold; color: #666; width: 100%; margin: 9px 0 4px 0; padding: 0}
.casestudy table p {margin: 0 0 13px 0; padding: 0}
.casestudy table .txt {padding: 7px 0 19px 0}
.casestudy table .desc {border-top: 1px solid #ccc}
.glossary p {font-size: 13px; color: #333}
.glossary strong {color: #030}
.contact-right {margin-top: 14px}
.contact-right td {padding: 12px; white-space: nowrap; background: #eee; font-size: 10px; color: #333}
.contact-right .greytxt {color: #666}
.contact-comments {font: 14px "Courier New", Courier, mono; color: #000}
.contact-left {margin-right: 20px}
.contact-mid {margin-right: 20px}
.contact-right-img {padding-top: 30px; text-align: center}
.contact-btn {text-align: right; padding-top: 5px}
.pricewrap { border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:0; height:25px; vertical-align:middle; line-height:25px;}