body { text-align: center; font-family: arial; background-color: white; }
strong { font-weight: bold; }
sup { font-size: 8px; }
* html fieldset{
    position: relative;
    margin-top:1em;
    padding-top:.75em;
    }
   * html legend{
    position:absolute;
    top: -.5em;
    left: .5em;
    }



#page { width: 980px; text-align: left; margin: 0 auto; background: url(/images/bg-grad.jpg) top left repeat-x; }

#header #nutritous { float: left; background: url(/images/nutritious-delicious-day.png) top left no-repeat; width: 224px; height: 98px; margin-top: 24px; }
#header #logo { float: left; background: url(/images/kidssentials-logo.png) top left no-repeat; width: 274px; height: 124px; font-size: 0; text-indent: -9999px; margin-left: 130px; }
#header #slogan { float: left; width: 210px; height: 40px; text-align: center; color: white; font-size: 12px; font-weight: bold; margin-top: 50px; margin-left: 15px; }
#header #nut-free { float: left; background: url(/images/nut-free.png) top left no-repeat; width: 74px; height: 74px; margin-left: 25px; margin-top: 30px; }


#menu { padding-bottom: 15px; }
#menu ul { margin-left: 5px; }
#menu ul li { float: left; margin-right: 2px; background: url(/images/menu-bg.gif) top left repeat-x; text-align: center; width: 106px; height: 50px; font-size: 14px; }
#menu ul li:hover, #menu ul li.selected { background: #f27755 none; }
#menu ul li a { display: block; text-decoration: none; font-style: italic; font-weight: bold; color: black; width: 106px; height: 39px; padding-top: 11px; }
#menu ul li a.right { margin-right: 0; }
#menu ul li a.single { padding-top: 20px; height: 30px; }
#menu ul li a:hover, #menu ul li.selected a { color: white; background: none; }


#container { font-size: 15px; line-height: 120%; }
#container #copy { position: relative; width: 705px; margin-left: 15px; float: left; background: #ebf2cd; padding-left: 10px; padding-right: 0px; }
#container h2 { height: 40px; color: #f16843; font-weight: bold; font-size: 25px; padding-top:23px; margin-bottom: 20px; }
#container .orangeh2 { height: 40px; color: #f16843; font-weight: bold; font-size: 25px; padding-top:23px; margin-bottom: 20px; }
#container .orange-over-green { background: url(/images/bar-orange-over-green.gif) top right no-repeat; }
#container #copy .green-over-orange { background: url(/images/bar-green-over-orange.gif) top right no-repeat; }
#container #copy .green-over-orange2 { background: url(/images/bar-green-over-orange2.gif) top right no-repeat; }
#container #copy .bar-orange-only { background: url(/images/bar-orange.gif) top right no-repeat; }
#container #copy .bar-green-only { background: url(/images/bar-green.gif) top right no-repeat; }
#container #copy .dualGreen { background: url(/images/dual-green.gif) top center no-repeat; height: 10px; margin-bottom: 20px; margin-top: 20px; }
#container #copy .dualGreenRepeated  { background: url(/images/dual-green.gif) top center repeat-x; height: 10px; margin-bottom: 20px; margin-top: 20px; }

#container #copy .textOrange { color: #f16843; }

#container #copy div { width: 680px; padding-right: 25px; margin-bottom: 10px; }
#container p { margin-bottom: 10px; }
#container #copy div div { margin-bottom: 0; }
#container #copy div ul { list-style: disc; margin-left: 25px; }
#container #copy div ul li { margin-bottom: 10px; }

#container #copy div h2.barOrange { background: url(/images/bar-orange.gif) top right no-repeat; height: 50px; margin-top:15px; margin-bottom: 5px; }
#container #copy div h2.barGreen { background: url(/images/bar-green.gif) top right no-repeat; height: 30px; margin-bottom: 5px; }

#container #copy div .threeColumn { float: left; width: 220px; }
#container #copy div .threeColumnEqual { float: left; width: 29%; }
#container #copy div .twoColumnQuote { float: left; width: 40%; background: #a8c98f; border: 1px solid #78995f; padding: 10px; margin: 10px; }
#container #copy div .twoColumnQuote h2 { font-size: 15px; }

#container #copy div .twoColumn { float: left; width: 46%; }
#container #homepage div .twoColumn { float: left; width: 46%; }

#container #copy div .faq-question { padding: 5px; margin: 0; }
#container #copy div .faq-question span { color: #f16843; }
#container #copy div .faq-answer { padding: 5px; margin: 0; background-color: #ecd6b1; }
#container #copy div .faq-answer span { color: #f16843; }

#container #copy div .employment {width:99%; padding: 5px; margin-bottom:20px; background-color: #ecd6b1; }
#container #copy div .employment span { color: #f16843; }
#container #copy div .employment h3 {font-size:14px; font-weight:bold;}



#container #copy div .accentOrange { color: #f16843; font-size: 20px; text-transform: uppercase; text-align: center; font-weight: bold; }
#container #copy div .accentOrangeSm { color: #f16843; font-size: 16px; text-transform: uppercase; text-align: center; font-weight: bold; }
#container #copy div .accentOrange16px { color: #f16843; font-size: 16px; text-align: left; font-weight: normal; }
#container #copy div .accentOrangeFrom { color: #f16843; font-size: 16px; text-align: right; font-weight: normal; margin-top:1px; }
#container #copy div .accentOrangeSmNc /* normal case */ { color: #f16843; font-size: 16px; text-align: center; font-weight: bold; }
#container #copy div .accentOrangeXxl { color: #f16843; font-size: 38px; text-transform: uppercase; text-align: center; font-weight: 800; }
#container #copy div .accentOrangeX20 { color: #f16843; font-size: 20px; text-align: left; font-weight: bold; }
#container #copy div .accentGreen { color: #86c140; font-size: 20px; text-transform: uppercase; text-align: center; font-weight: bold; }
#container #copy div .accentGreenXl { color: #86c140; font-size: 24px; text-align: center; font-weight: bold; }
#container #copy div .accentGreenBgSaysWho { width:100%; height:40px; padding-top:20px; padding-left:5px; background-color: #86c140; color:#fff; font-size: 1.2675em; text-align: left; font-weight: bold; }
#container #copy div .accentNormal { font-size: 20px; text-align: center; }
#container #copy div .accentLegal { font-size: 9px; text-align: center; }



#container #quotes { float: right; width: 250px; }
#container #quotes .quote { margin-bottom: 20px; }
#container #copy div .accentOrangeXbg20 {width:80%; height:30px; padding-top:5px; margin-top:20px; margin-left:10%; margin-right:10%; background-color: #f16843; color: #fff; font-size: 20px; text-align: center; font-weight: bold; }


#container #homepage div .inline-quote { background: #a8c98f; margin: 20px auto; padding: 10px; border: 1px solid #78995f; line-height: 110%; width: 550px; font-style: italic; }
#container #copy div .inline-quote { background: #a8c98f; margin: 20px auto; padding: 10px; border: 1px solid #78995f; line-height: 110%; width: 550px; font-style: italic; }
#container #copy div .inline-quote-left { background: #a8c98f; margin: 20px; padding: 10px; border: 1px solid #78995f; line-height: 110%; width: 375px; font-style: italic; }
#container #copy div .inline-quote-column {  background: #a8c98f; margin: 20px auto; padding: 10px; border: 1px solid #78995f; line-height: 110%; font-style: italic; }

#container #copy div .inline-menu { background: #114432; margin: 20px auto; padding: 10px; border: 1px solid #013412; line-height: 110%; color: white; }

#container .imagebar { margin: 20px; }
#container .imagebar img { margin-left: 10px; margin-right: 10px; }



#animationContainer { background: url(/images/bar-orange-only.gif) top left repeat-x; padding-top: 10px; }
#homepageAnimation { height: 200px; }

#homepage {}

#footer { padding: 10px; background-color: #87c141; }
#footer div { text-align: center; font-size: 13px; margin-bottom: 10px; }
#footer div a { margin: 0 5px; text-decoration: none; color: white; /*#f16843; */}
#footer div a:hover { text-decoration: underline; }

#contact-footer dd { clear: left; float: left; width: 75px; }
#contact-footer dt { float: left; }


form em { color: red; margin-left: 5px; }

/*form label { width: 300px; float: left; margin-bottom:5px; }*/
form label.check { float: none; width: auto; }
form input.text { float: left; width: 200px; margin-bottom:5px; }
form input.check { width: auto; }

form fieldset {float: left;clear: both;width:660px; margin:0 0 1.5em 0;border: 1px solid #86c140; background-color: #ECF2CE; padding:10px;}


/*form fieldset {border: 1px solid #86c140;  padding-left:10px; padding-bottom:10px; padding-top:20px; padding-right:10px; }*/
/* This was added on November 23 2009 */
form legend { font-weight: bold; margin-left: 1em; color: #f16843;padding: 0; }
form fieldset ol {padding: 3.5em 1em 0 1em; list-style: none; }
form fieldset li {float: left;clear: left;width: 100%;padding-bottom: 1em;}
form fieldset.submit {float: none;width: auto;border-style: none;padding-left: 12em;}
form label {float: left;width: 16em;margin-right: 1em;margin-left:5px;}
/*form label em {display: block;color: red;font-size: 75%;font-style: normal;text-transform: uppercase;}*/
/* END OF ADDITION */

form fieldset div { clear: left; margin-bottom: 2px; }
form fieldset div div { clear: none; }
form fieldset p { clear: left; }

form fieldset dd { clear: left; float: left; width: 160px; }
form fieldset dt { float: left; width: 75px; }
form fieldset dt input.check { float: none; width: auto;}

/*form fieldset ul li { list-style: none; margin: 0; }*/


.fltRight { float: right; margin-left: 10px; margin-bottom: 10px; margin-right: 5px; }
.fltLeft { float: left; margin-right: 10px; margin-bottom: 10px; margin-left: 5px; }
.alignCenter { text-align: center; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.clr { clear: both; height: 0; }

.quote_box {background-color:#fff; border:1px #333 solid; margin: 10px; padding:10px; font-style:italic;}
.question_free_trials
{ 
	font-size:15px;
	font-weight:bold;
}


/* For the Leters of Refference */
.letters_box
{ 
	float: left;
	width:90%;
	border:1px solid #ccc;
	background:url(../images/paper_bg.png) #fff repeat-x bottom;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
	padding:10px;
	margin-top:20px;
	margin-right:10px;
	margin-left:20px;
}

.letter_header
{ 
   font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
   font-size:11px;
   color:#333;
   text-align:center;
   
}
.cancellation_policy {background-color:#fff; border:1px #333 solid; margin: 10px; padding:10px; font-style:normal;}


/* CSS FOR CONTACT FORM ERROR MESSAGES */

.notification_error
{
border: 1px solid #A25965;
height: auto;
width: 75%;
padding: 4px;
background: #F8F0F1;
text-align: left;
-moz-border-radius: 5px;
}

.notification_ok
{
border: 1px #567397 solid;
height: auto;
padding: 15px;
background: #f5f9fd;
text-align: center;
-moz-border-radius: 5px;
}

.info_fieldset { -moz-border-radius: 7px; border: 1px #dddddd solid; }

.info_fieldset legend
{
border: 1px #dddddd solid; 
color: black; 

font: 13px Verdana;

padding: 2px 5px 2px 5px;
-moz-border-radius: 3px;
}

.button
{
	height: 30px;
	border: 1px solid #999999; 
	border-top-color: #CCCCCC; 
	border-left-color: #CCCCCC; 

	background: white;

	color: #333333; 

	font: 12px Verdana, Helvetica, Arial, sans-serif;

	-moz-border-radius: 3px;
}

/* Label 
label  { width: 140px; padding-left: 20px; margin: 5px; float: left; text-align: left; }*/

/* Input, Textarea */
/*input, textarea
{
margin: 5px;
padding: 0px; 
float: left;

border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}*/

/* BR 

br { clear: left; }*/

.divlinks {float:left; margin:10px;}