/* basic elements */
html {
	margin: 0;
	padding: 0;
}

body { 
    font-family: Arial,Helvetica,sans-serif;
    font: 75% Arial,Helvetica,sans-serif;
	line-height: 1.88889;
    background: #FFFFFF;
    color: #000000;
	margin: 0; 
	padding: 0 5%;
}

.blue {
    color: #0070C0;
}
    
.highlight h3, h4 {
    color: #C0504D;
    display: inline;
}

.normal {
    color: black;
}

.attributes  {
    margin-top: 12px;
}

.strong {
    color: black;
    font-weight: bold;
}

.blue_emphasis {
    color: #0070C0;
    font-weight: bold;
}

.emphasis {
    color: #C0504D;
    font-weight: bold;
}

.emphasis a:link { 
	font-weight: bold; 
	text-decoration: none; 
    color: #C0504D;
}	

.emphasis  a:visited { 
	font-weight: bold; 
	text-decoration: none; 
    color: #C0504D;
}
    
.emphasis a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
}

.container {
    margin: 0 auto;
    max-width: 1200px;
    min-width: 900px;
    position: relative;
}

.header {
	padding: 0;
	margin: 0;
    position: relative;
    width: 100%;
    line-height: normal;
}

.footer {
 	position: relative;
	margin-top: 12px;
	text-align: center;
	width: 100%;
}

.footer  .center {
 	position: relative;
    margin-left:20%;
    margin-right:20%;
	text-align: center;
    font-size: 10;
}

.footer .navigator .links {
	position: relative;
    color: #0000FF;
    font-size: 70%;
    line-height: 1.2;
    text-align: left;
}

.footer .navigator .links ul {
    margin: 0;
    padding: 0;
    margin-left: 20%;
    margin-right: 20%;
}

.footer .navigator .links li {
    display: inline;
    margin: 4px;  
}

.blankline {
    display: block;
    margin: 4px 0px;
    padding: 0;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden    
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.indent-right {
    margin-left:20px;
    float:right;
}

.indent-right h5 {
    color: #C0504D;
    font-size: 120%;
    margin: 0px;
    text-align: center;
}

.imagebutton {
    font-size: 0.1px;
}

.workspace  { 
	padding-top:0;
	margin-top:48px;
	position:relative;
	width:100%;
}

.contentpanel {
	margin-left:22%; 
	margin-right:22%;
	overflow: auto;
}

.content {
    font-size:125%;
    line-height:20px;
    width:100%;
}

.center {
    text-align: center;
    font-size: 24;
    font-weight: bold;
    color: #C0504D;
    margin-top: 12px;
    margin-bottom: 12px;
}

.centerimage {
    display: block;
    margin-left: auto;
    margin-right: auto; 
    text-align: center;
}

.centernormal {
    text-align: center;
    margin-top: 12px;
    margin-bottom: 12px;
}

.floatimage {
    display: block;
    float: left;
    margin-right: 8px;
}

.imagedisplay {
    float: left;
    margin-right: 8px;
    border: 0;
}

.leftpanel {
	position: relative;
	width: 20%;
	float: left;
}

.rightpanel {
	position: relative;
	width: 20%;
	float: right;
}

.title  {
    font-size: 27;
    font-weight: bold;
    color: #C0504D;
    text-align: center;
    margin-bottom: 20px;
}

.bluetitle  {
    font-size: 24;
    font-weight: bold;
    color: #0070C0;
    text-align: center;
    margin-bottom: 12px;
}

.highlight-bottom  {
    display:block;
    margin-top:30px;
    font-weight: bold;
    color:#C0504D;
    text-align: center;
    line-height: 1;
}

.highlight-bottom  h5 {
    font-size: 16;
    margin-top: 0px;
    text-align: center;
}

.highlight-bottom  h6 {
    margin-top: 0px;
    font-size: 140%;
}

.listitem {
    position: relative;
    margin: 12px 0;
}

.listitem  .bullet{
    position: absolute;
    width: 5%;
    top: 0;
    font-weight: bold;
    color: #C0504D;
    font-size: 24;
}

.listitem  .number{
    position: absolute;
    width: 5%;
    top: 0;
    font-weight: bold;
    color: #C0504D;
    font-size: 24;
    margin-top: 2px;
}

.listitem  .text {
    margin-left: 5%;
}

div.dialog .dlgcontent {
    width: 100%;
}

div.dialog .topwrapper {
    background: url(../images/bubblefull.png) no-repeat top right;
}

div.dialog .bottomwrapper {
    background: url(../images/bubblefull.png) no-repeat bottom right;
}

div.dialog  .top  {
    text-decoration: none;
    width: 90%;
	margin-top:12px;
    text-decoration:none;
    text-align:left;
    background: url(../images/bubblefull.png) no-repeat;
    padding:8px 0px 0% 10px;
}

div.dialog  .text {
	color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    margin-left: 8px;
    z-index:1
}

div.dialog  .bottom {
    display: block;
    padding: 0px 8px 5% 0px;
    width: 90%;
    background: url(../images/bubblefull.png) no-repeat bottom left;
}

div.dialog  .speaker {
	display:block;
    margin-left: 20%;
}

div.testimony {

}

div.testimony .bubbletop {
    text-decoration: none;
    width: 200px;
	margin-top:12px;
    text-decoration:none;
    text-align:left;
    background: url(../images/bubble.png) no-repeat;
    padding:8px 0px 0% 10px;
}

div.testimony .bubbletop .bubbletext {
	color: #000;
	width: 180px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
}

div.testimony .bubblebottom {
    display: block;
    padding: 0px 8px 15% 0px;
    width: 200px;
    background: url(../images/bubble.png) no-repeat bottom left;
}

div.testimony .speaker {
	float:right;
	display:block;
}

.hide {
	display:none;
}

.show {
	display:block;
}

.bubblespan {
    display: block;
    position: absolute;
    top: 0px; left: 0;
	padding: 15px 0 0 0;
	width: 200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}

.bubblemiddle {
	display: block;
	padding: 0 8px; 
    text-align:left;
	background: url(../images/bubble_filler.gif) repeat bottom; 
}


.small {
    font-size: 12;
}

div.navigator ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.navigator li {
    font-size: 120%;
    list-style-type: none;
    margin: 0;
    padding-left: 0;
}

div.navigator a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #000000;
}	

div.navigator  a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #4F81BD;
}
    
div.navigator a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
}

div.signature {
    margin-top:12px;
    float:right;
}

.green {
    font-weight:bold;
    color:#00B050;
}
    
.mastheadtop {
    text-align: center;
    font-size: 20;
    font-weight: bold;
    color: #C0504D;
    margin-top: 12px;
    margin-bottom: 2px;
}

.mastheadbottom {
    text-align: center;
    font-size: 20;
    font-weight: bold;
    color: #C0504D;
    margin-top: 2px;
    margin-bottom: 12px;
}

#homeheader h3 {
    font-size: 300%;
    font-weight: bold;
    line-height: normal;
    display:block;
    margin:0;
    padding-top:8px;
}

#navigator { 
    font-size: 120%;
    list-style-type: none;
    margin: 0;
    padding-left: 0;
}
    
#sidebar { 
	position: relative;
	margin-left: 16px; 
    width: 100%;
}

#clear {
    clear: both;
}
    
#siteheader h3 {
    font-size: 250%;
    font-weight: bold;
    display:inline;
    margin:0;
    padding:0;
}

#siteheader h4 {
	font-size: 125%;
    font-weight: normal;
    display: inline;
    color: black;
    padding-left : 46px;
}

#freshlook h2{
    color: #C0504D;
    display: inline;
}

#freshlook h3{
    color: #C0504D;
    display: inline;
}

#freshlook h4{
    color: #C0504D;
    display: inline;
    font-size:90%
}

#intro { 
	min-width: 470px;
	}

#Home h1.tagline { 
    position: relative;
    color: #0070C0;
    padding-top: 20px;
    font-weight: bold;
    font-size: 140%;
    text-align:center;
}

#Home h2 { 
    color: black;
	letter-spacing: 1px; 
	margin-bottom: 4px; 
}

#Home .finally { 
    color: black;
	letter-spacing: 1px; 
	margin-bottom: 4px; 
    font-weight: bold;
    font-size: 115%;
}

#Home .strong { 
    color: black;
	letter-spacing: 1px; 
	margin-bottom: 4px; 
    font-weight: bold;
}

#Breakthrough  .highlight{
    margin-bottom: 20px;
}

#Breakthrough  h3 {
    text-align: center;
    font-size: 16;
    font-weight: bold;
    color: #C0504D;
    margin-top: 12px;
    margin-bottom: 12px;
}

#Bodiphier .taglinemain  {
    font-size: 140%;
    font-weight: bold;
    color:#C0504D;
    text-align: center;
    margin-bottom: 20px;
}

#Bodiphier .tagline  {
    font-size: 120%;
    font-weight: bold;
    color:#C0504D;
    text-align: center;
    margin-bottom: 20px;
}

#Products h4 {
    color: #C0504D;
    display: inline;
}

#CurlyKinky .problems {
    margin-left:10%;
    margin-bottom:20px;
}

#Frizzy .problems {
    margin-left:10%;
    margin-bottom:20px;
}

#Contacts .contact {
    text-align: center;
}

#Contacts .contact  .name {
    font-size: 16;
    font-weight: bold;
}

#Contacts .contact  .company {
    font-size: 20;
    font-weight: bold;
    color:#C0504D;
}

#Contacts .contact  .address {
    font-size: 14;
    font-family:Times New Roman;
    font-weight: normal;
}

#Partners .listingtitle { 
    position: relative;
    text-align:center;
    color: #C0504D;
    padding-top: 20px;
    font-weight: bold;
    font-size: 140%;
}

#Partners .title {
    font-size: 20;
    font-weight: bold;
}

#Partners .country {
    font-size: 16;
    font-weight: bold;
}

#Partners .city {
    font-size: 16;
    font-weight: bold;
    color: #C0504D;
    text-decoration:underline;
}

#Partners .name {
    font-size: 16;
    font-weight: bold;
}

#Partners .address {
    font-size: 14;
    font-weight: normal;
    line-height: 115%;
    font-family: Arial;
}

#Faq em {
    font-size: 20;
    font-weight: bold;
    font-style: normal;
    color: black;
    display: inline;
}

#Faq .question {
    font-size: 16;
    font-weight: bold;
    display: inline;
    margin-bottom: 4px;
}

#Faq .hideanswer {
    display: none;
}

#Faq .showanswer {
    display: block;
}

#Faq .ingredients {
    margin-left:5%;
    margin-bottom:20px;
}

#Faq  a:link, a:visited  { 
	font-weight: bold; 
	text-decoration: underline; 
	color: blue;
}	
    
#Faq a:hover, a:active { 
	text-decoration: underline; 
	color: purple;
}

#Faq .news a:link, a:visited { 
	font-weight: normal; 
	text-decoration: underline; 
	color: blue;
}	

#Faq .news a:hover, a:active { 
	text-decoration: underline; 
	color: purple;
}

#Faq li {
    font-size: normal;
    margin-bottom: 12px;
}

#Faq h4 {
    font-size: 16;
    font-weight: bold;
    color: #C0504D;
    display: inline;
}

#Faq strong { 
    color: #C0504D;
    font-weight: bold;
    font-size: 16;
}

#Faq .policy {
	font-size: 75%;
}

#Faq .category {
	font-weight: bold;
	display: block;
}

#Ingrediants  {
    font-weight: normal;
}

#Ingrediants h4 {
    font-size: 16;
    color: black;
    display: inline;
}

#Previously .title  {
    font-size: 20;
    font-weight: bold;
    color: black;
    text-align: center;
    margin-bottom: 20px;
}

#Problems h3 {
    font-size: 16;
    font-weight: bold;
    color: black;
    display: inline;
}

#Problems h4 {
    font-size: 16;
    font-weight: bold;
    color: #C0504D;
    display: inline;
}

#Problems .attributes  {
    margin-top: 12px;
}

#Problems .attributes  li {
    padding-bottom: 20px;
    list-style: decimal;
}

#Problems .attributes .listitem {
    font-weight: normal;
}

#Problems em { 
    color: red;
	letter-spacing: 1px; 
	margin-bottom: 4px; 
    font-weight: bold;
}

#Instructions h1 {
    font-size: 24;
    font-weight: bold;
    color: black;
    text-align: center;
}

#Instructions h2 {
    color: black;
    font-weight: bold;
    font-size:12;
    text-align: center;
    display: block;
}

#Instructions h3 {
    font-weight: bold;
    color: red;
    font-size: 14;
    display: inline;
}

#Instructions h4 {
    color: black;
    font-weight: bold;
    font-size:12;
    display: inline;
}

#Instructions em {
    color: black;
    font-weight: bold;
    font-size:12;
    font-style: normal;
}

#Instructions strong {
    color: black;
    font-weight: bold;
    font-size:16;
    text-align: center;
    display: block;
}

#Instructions .step {
    color: black;
    font-weight: normal;
    font-size:12;
}

#Instructions .title {
    text-align: center;
    font-size: 16;
    font-weight: bold;
    color: black;
    margin-top: 12px;
    margin-bottom: 12px;
}

#Instructions .attributes  {
    margin-top: 12px;
}

#Instructions .attributes  li {
    padding-bottom: 8px;
    list-style: decimal;
    font-size:14;
}

#Instructions .attributes .listitem {
    font-weight: bold;
}

#Instructions .attributes .listitem {
    font-weight: bold;
}

#Products .floatimage {
    display: block;
    float: left;
    margin-right: 8px;
}

#Products .e1  {
    color: black;
    font-weight: bold;
    font-size:16;
    display: inline;
}

#Products .e2  {
    color: #C0504D;
    font-weight: bold;
    font-size:14;
    display: inline;
}

#Products .e3  {
    color: #0070C0;
    font-weight: bold;
    font-size: normal;
    font-size:14;
    display: inline;
}

#Products .e4  {
    color: #C0504D;
    font-weight: bold;
    font-size: normal;
    font-size:14;
    display: inline;
}

#Products .e5  {
    font-weight: bold;
    font-size: normal;
    font-size:12;
    display: inline;
}

#Products .e6  {
    color: black;
    font-weight: bold;
    font-size: normal;
    font-size:14;
    display: inline;
}

#Products .e7  {
    color: #C0504D;
    font-weight: bold;
    font-size:16;
    display: inline;
}

#Products .e8  {
    color:black;
    font-weight:bold;
    font-size:10;
    display:inline;
    margin-left:12px;
}

#Products .e9  {
    color:red;
    font-weight:bold;
    font-size:12;
}

#Products .offer  {
    color:red;
    text-align:center;
    font-weight:bold;
    font-size:16;
    display:block;
}

#Products .center {
    text-align: center;
    font-size: 16;
    font-weight: bold;
    margin-top: 12px;
    margin-bottom: 12px;
}

#Products .form {
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    padding-top: 8px;
    display: block;
    vertical-align: middle;
}

#Order h2 {
    color: #C0504D;
    font-weight: bold;
    font-size: 16;
    text-align: left;
    display: block;
}

#Order h3 {
    color: #C0504D;
    font-weight: bold;
    font-size: 16;
    text-align: center;
    display: block;
}

#Order .orderform {
    font-weight: bold;
    font-size: 90%;
}

#Order .ieorderform {
    font-weight: bold;
    font-size: 80%;
}

#Order .highlight {
    color: red;
    font-weight: bold;
}

#Order .wait {
    width:100%;
    text-align:center;
}

#Testimonials .embig {
    font-size: 125%;
    font-weight: bold;
    color:#C0504D;
}

#Testimonials .embold {
    font-size: normal;
    font-weight: bold;
}

#Testimonials .emstrong {
    font-size: normal;
    font-weight: bold;
    color:#C0504D;
}

#Review {
    font-size: 80%;
}

#Review .address {
    margin-left:8px;
    line-height: 115%;
    font-family: Arial;
}

#Review .number {
    float:right;
}

#Review strong {
    color: #C0504D;
    font-weight: bold;
}

#Review h2 {
    color: #C0504D;
    font-weight: bold;
    font-size:24;
    text-align: center;
    display: block;
}

#Styling h3 {
    color: #C0504D;
    font-weight: bold;
    font-size: 16;
    display: inline;
}

#Workflow .contentpanel {
	margin-left:12%; 
	margin-right:12%;
	overflow: auto;
}

#Workflow .leftpanel {
	position: relative;
	width: 10%;
	float: left;
}

#Workflow .rightpanel {
	position: relative;
	width: 10%;
	float: right;
}