@charset "utf-8";
/* ~~ This the css file for the Responsive Design of Virtual Beauty from Ecommerce Templates.
The first section correponds to the maximum width version of 980 pixels ~~ */



.tableBdrOr{/* CD added */
border: 2px solid #FAAE32;
}
 /* Table is centered on the pag -  e-
    	 margin-right:auto;margin-left:auto;  */


.hoverTable{
		 border-collapse:collapse;
		 width:720; 	 
		 
	}
	.hoverTable th{
		background: inherit; height:35px; border-left-color:#9bcb3b; border-right-color:#9bcb3b; 
		border-top-color:#9bcb3b; border-bottom-color:#9bcb3b; vertical-align:text-middle;
	}
	.hoverTable td{ 
		padding-top:25px; border:#EBEBEB 1px solid; line-height:3px;
	}
	/* Define the default color for all the table rows */
	.hoverTable tr{
		background: #FFFFFF; height:35px;   
	}
	/* Define the hover highlight color for the table cells */
    .hoverTable td:hover {
          background-color: #F4F4F4;
    }
	
.tbl {width: 100%; max-width:755px;}/* DO NOT CHANGE define the size of all includes shtm files */
    .tbl {background-color: #F0F0F0}
    .tbl td:hover {background-color: #fed778;}
	.tbl {border-left: 6px solid #fed778; border-top:6px solid #fed778;
		}

.tblarticles {width: 98%; max-width:730;}
    .tblarticles {background-color: #F0F0F0}
    .tblarticles td:hover {background-color: #fed778;}
	.tblarticles {border-left: 6px solid #fed778; border-top:6px solid #fed778;	
	}
.tblarticles tr{
		background: #FFFFFF; height:auto;  
		} 	
.tblarticles th{
		background: inherit; height:35px; border-left-color:#9bcb3b; border-right-color:#9bcb3b; 
		border-top-color:#9bcb3b; border-bottom-color:#9bcb3b; vertical-align:text-middle;
	}
.tblarticles td{ height:auto; 
		border:#EBEBEB 1px solid; 
	}	

.tblwide {width: 100%;}
    .tblwide {background-color: #F0F0F0}
    .tblwide td:hover {background-color: #fed778;}
	.tblwide {border-left: 6px solid #fed778; border-top:6px solid #fed778;
		}
		
.tableThin{
	border: 1px solid #CCCCCC; border-collapse:collapse;}
	.tableThin td{ border: 1px solid #CCCCCC; border-left-color:#CCCCCC; border-right-color:#CCCCCC; 
		border-top-color:#CCCCCC; border-bottom-color:#CCCCCC; border-collapse:collapse;}
	.tableThin td:hover { background-color: #FFFFCC;
	}
	
.dparagraph {/* ~~ CD added the whole thing ~~ */
    color: #88A906;
    font-size: 160%;
    margin: 0px;
    padding: 5 5 8 5;
}

.dpar {/* ~~ CD added the whole thing ~~ */
    color: #88A906;
    font-size: 130%;
    margin: 0px;
    padding-bottom: 10px;
}
/* ~~ Style CD below~~ */

.btn-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a
}
	
.readonSM { color: #995409; font-size: 16pt; font-family: Georgia, "Times New Roman", Times, serif; }

.readon14 { color: #995409; font-size: 14pt; font-family: Times New Roman, Times, serif; }

.BrownTitle { color: #995409; font-size: 12pt; font-family: Georgia, "Times New Roman", Times, serif; }

.bluetitle { color: #0057af; font-size: 23px; font-family: arial, verdana, Helvetica, sans-serif; font-weight: bold; line-height: 26px; }

.bluetitle18 { color: #0057af; font-size: 16px; font-family: arial, verdana, Helvetica, sans-serif; font-weight: bold; line-height: 21px; }
.bluetitle18r { color: #0057af; font-size: 16px; font-family: arial, verdana, Helvetica, sans-serif; font-weight: normal; line-height: 21px; }

.bluetitle12 { color: #0057af; font-size: 14px; font-family: arial, verdana, Helvetica, sans-serif; font-weight: bold; line-height: 21px; }

.bluetitle10n { color: #0057af; font-size: 12px; font-family: verdana, Arial, sans-serif; font-weight: normal; }

.blacktitle16 { color: #000000; font-size: 16px; font-family: arial, verdana, Helvetica, sans-serif; font-weight: bold; line-height: 21px; }

.blacktitle12 { color: #000000; font-size: 12px; font-family: arial, verdana, Helvetica, sans-serif; font-weight: bold; line-height: 21px; }

.blacktitle14 { color: #000000; font-size: 14px; font-family: arial, verdana, Helvetica, sans-serif; font-weight: bold; line-height: 21px; }

.GreySmall {color: #666666; Verdana, Arial, Helvetica, sans-serif; font-size: 12px }

.TitleNewsl { color: #618EAF; font-size: 16px; font-family: arial, verdana, Helvetica, sans-serif; font-weight: bold; line-height: 21px; 

}

.italic{/* ~~ CD added the whole thing ~~ */
    FONT-SIZE:100%; 
	COLOR: #000000; 
	font-style:italic;
}

.italicsm{/* ~~ CD added the whole thing ~~ */
    FONT-WEIGHT: normal; 
	FONT-SIZE:80%; 
	COLOR: #666666; 
	font-style:italic;
}

.copyright {FONT-WEIGHT: normal;/* ~~ CD added the whole thing ~~ */
    FONT-SIZE: 90%;
    COLOR: #666666;
     }
	 
.copyright1 {FONT-WEIGHT: normal;/* ~~ CD added the whole thing ~~ */
    FONT-SIZE: 95%;
    COLOR: #000;
     } 
.copyright2 {FONT-WEIGHT: normal;/* ~~ CD added the whole thing ~~ */
    FONT-SIZE: 85%;
    COLOR: #666666;	
	} 
.caution { font-size:100%;
	color: #FF0000;
	font-weight: bold;
}/* ~~ CD added the whole thing ~~ */ 

.FoodGood { color:green; font-size:100%; }/* ~~ CD added the whole thing ~~ */

.FoodBad { color:red; font-size:100%; }/* ~~ CD added the whole thing ~~ */

.Par { color:#990000; font-size:145%;/* ~~ CD added the whole thing ~~ */
margin-bottom:15px;
margin-top:15px;
 }

.h7{/* ~~ CD added the whole thing ~~ */
	width: inherit;	
	color:#990000;
	font-weight:normal;
	text-align:left;
	font-size:130%;
	}
	
.h8 { margin:auto; font-family: times, Times New Roman, times-roman, georgia, serif; font-size: 180%; line-height: 40px; letter-spacing: -1px;color: #000;
		font-weight: 100;}

.h6{/* ~~ CD added the whole thing ~~ */
	width: inherit;	
	color:#990000;
	font-weight:normal;
	text-align:left;
	font-size:110%;
	}
.hcd {	
	width: 450px; /*was 264px;*/
	height: 24px;
	border: 1px solid #eee;
	background:#f1f1f1;
	color: #0057af;
	font-weight: bold;
	}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #667903;
	text-decoration: none; 
}
a:visited {
	color: #999966;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: underline; color:#FF0000;
}

/* ~~this fixed width container surrounds the other divs~~ */
.container {
	font: 85%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0 auto; 
}

.containerhomepage {
	font: 95%/1.4 Verdana, Arial, Helvetica, sans-serif;
	width: 800px;
	background: #FFF;
	margin: 0 auto; 
}

.container1 {/* ~~CD added - Has to do to with the the 1st group of 2 columns in "symptoms" files~~ */
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
    }

    .c1, .c2, .c3 {
      width: 100%;
    }	

.pArtTitle {
color: #995409; /* ~~ CD added~~ */
font-size: 160%;
margin-bottom:25px;
}

.tableBrdGreen{
	border: 1px solid #9bcb3b; border-collapse:collapse;
	}


.tableBdrLineGrey{
	border: 2px solid #EFEFEF; 
	 }	

.tableBdrThinGrey{
	border: 1px solid #EFEFEF; border-collapse:collapse;
	 }	
	
/* ~~ the header ~~ */
.header {
color: #995409; /* ~~ CD changed from nothing there~~ */
font-size: 160%; /* ~~ CD got rid of padding 30px~~ */
}