body { text-align: center; font-family: arial; background-color: white; } strong { font-weight: bold; } sup { font-size: 8px; } em {font-style:italic;} x.* html fieldset{ position: relative; margin-top:1em; padding-top:.75em; } x.* 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 #copy.no-quotes {width:935px;} #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; } .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 Letters of Reference */ .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 */ x.notification_error{border: 1px solid #A25965;height: auto;width: 75%;padding: 4px;background: #F8F0F1;text-align: left;-moz-border-radius: 5px;} x.notification_ok{border: 1px #567397 solid;height: auto;padding: 15px;background: #f5f9fd;text-align: center;-moz-border-radius: 5px;} x.info_fieldset {border: 1px #dddddd solid; } x.info_fieldset legend{border: 1px #dddddd solid;color: black;font: 13px Verdana;padding: 2px 5px 2px 5px;-moz-border-radius: 3px;} x.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;} x.divlinks {float:left; margin:10px;} form#contact {width:670px;} form#contact fieldset {border:1px solid #86C140; padding:10px;} form#contact fieldset div {width:600px !important; padding:1px;} form#contact fieldset div.large input, form fieldset div.large textarea {width:300px;} form#contact fieldset div textarea {height:75px;} form#contact fieldset div label {float:left; width:190px; text-align:right; padding-right:10px;} form#contact fieldset div.checkbox input {margin-left:200px; float:left; width:auto;} form#contact fieldset div.checkbox label {width:380px; padding:0; float:left; display:block; text-align:left;} form#contact fieldset div.checkbox label.auto {width:auto;} form#contact fieldset div.checkbox input.text {float:left; width:200px; margin-left:15px;} form#contact fieldset div span.optional {color:#666666; font-size:8px;} form#contact fieldset dl {margin-top:10px; clear:both;} form#contact fieldset dl.top {margin-top:0;} form#contact fieldset dt {width:165px; float:left; text-align:right; margin-right:10px;} form#contact fieldset dd {width:auto; float:left; margin-right:10px;} form#contact div.error {border:2px solid red; width:100% !important; padding:20px; margin-bottom:30px !important;} form#contact div.error p {color:red; font-weight:bold;} form#contact div.error ul li {margin-left:40px; color:red; margin-bottom:0;} .marginTop20 {margin-top:20px;} #pnlUser {text-align:right; font-size:12px;} #pnlUser div {margin-right:30px; padding: 4px 10px 4px 10px; background-color:#EBF2CD; display:inline; height:39px; position:relative; top:-4px;} #pnlUser div span {padding-right:30px; font-weight:bold; color:#666666;} #pnlUser div a {font-size:10px; color:blue; text-decoration:none;} #pnlUser div a:hover {text-decoration:underline;} #admin {background-color: #EBF2CD; margin:10px; padding:10px; font-size:12px; margin-top:0; font-family:arial; position:relative;} #admin h2 {color:#f16843; font-size:20px; font-weight:bold; margin-bottom:15px;} #admin h3 {color:#f16843; font-size:18px; font-weight:bold; margin-bottom:10px; margin-left:10px; font-style:italic;} #admin div, #admin p {margin-bottom:10px;} #admin form {width:100%;} #admin p {line-height:150%; margin-bottom:10px;} #admin table.list {width:100%; font-size:12px; margin-bottom:10px; border-left:1px solid #cccccc;} #admin table.list thead {border:1px solid black;} #admin table.list th {color:#333333; padding:4px 6px; border:1px solid #dddddd; border-left:none; font-weight:bold; background-color:#cccccc;} #admin table.list td {padding:4px 6px 6px 6px; border:1px solid #cccccc; border-left:none; border-top:none; background-color:white;} #admin table.list td.nothing-found {text-align:center; padding:15px; font-style:italic; color:#999999;} #admin table.list tr.odd td {background-color:#E9EFF4;} #admin table.list tr.even td {} #admin table.list tr.hover {background-color:#D3DFE9;} #admin table th.alCenter, #admin table td.alCenter {text-align:center;} #admin table.list td select {width:100%;} #admin table.grid {width:100%; font-size:12px; margin-bottom:10px; border-left:1px solid #cccccc;} #admin table.grid td {padding:4px 6px 6px 6px; border:1px solid #cccccc; border-left:none; border-top:none; background-color:white;} #admin table.grid td.label {text-align:right; color:#333333; padding:4px 6px; border:1px solid #cccccc; border-left:none; font-weight:bold; background-color:#dddddd; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;} #admin table.list td.flagNormal {background-color:#4BFF0F;} #admin table.list td.flagWarning {background-color:yellow;} #admin table.list td.flagError {background-color:red; color:white;} #admin table.list td.flagError a {color:white;} #admin table.no-style td {border:none;} #admin table.no-style td {padding:2px;} #admin fieldset {border:1px solid #888888; margin-bottom:10px; background-color:#f8f8f8;} #admin fieldset legend {margin-left:20px; font-weight:bold; padding-left:5px; padding-right:5px;} #admin dl, #pnlFilter dl {margin-bottom:5px;} #admin dt, #pnlFilter dt {width:150px; float:left; text-align:right; margin-right:5px; color:#666666; padding:5px 0 3px 0;} #admin dd, #pnlFilter dd {float:left;} #admin dd input, #pnlFilter dd input {width:200px;} #admin dd select, #pnlFilter dd select {width:205px;} #admin dd.small input, #pnlFilter dd.small input {width:50px;} #admin dd.large textarea, #pnlFilter dd.large textarea {width:100%; height:300px;} #admin dd.large input, #pnlFilter dd.large input {width:400px;} #admin dd.large select, #pnlFilter dd.large select {width:400px;} #admin dd.medium select, #pnlFilter dd.medium select {width:190px;} #admin dd.small select, #pnlFilter dd.small select {width:90px;} #admin dd textarea, #pnlFilter dd textarea {width:400px !important; height:100px;} #admin dd.end, #pnlFilter dd.end {color:red; padding-left:155px; padding-top:5px; clear:both; float:none;} #admin dd span.value, #pnlFilter dd span.value {line-height:150%; display:block; width:650px; padding-top:2px;} #admin dd span.helper, #pnlFilter dd span.helper {color:#999999; margin-left:20px;} #admin dd.checkbox input, #pnlFilter dd.checkbox input {width:auto;} #admin dd.checkbox label, #pnlFilter dd.checkbox label {margin-right:10px;} #admin div.buttons, #pnlFilter div.buttons {padding-left:155px;} #admin div.buttons input, #pnlFilter div.buttons input {width:auto !important;} #admin table.paymentInfo {float:right; margin-right:10px; margin-top:10px;} #admin table.paymentInfo td {font-size:14px; font-weight:bold; padding-bottom:10px; text-align:right;} #admin table.paymentInfo td.label {} #admin table.paymentInfo td.value {width:100px;} #admin table.paymentInfo td.bigLabel {} #admin table.paymentInfo td.smallLabel {font-size:11px; color:#a0a0a0;} #admin table.paymentInfo td.bigValue {font-size:26px; padding-left:10px;} #admin ul {list-style:disc;} #admin ul li {margin-left:15px; margin-bottom:5px;} #admin em.light {color:#888888;} #admin div.selection-list {width:400px; height:300px; border:1px solid #888888; overflow:auto;} #admin div.selection-list input {width:auto; cursor:pointer;} #admin div.selection-list label {cursor:pointer;} #admin div.selection-list ul {list-style-type:none; background-color:#eeeeee;} #admin div.selection-list ul li {margin-left:0;} #msgbox {padding:10px; margin:0px 60px 20px 60px;} #msgbox.info {color: #0055BB; border:3px solid #84A7DB; background:url("../images/msgbox/icon-info.png") 5px 5px no-repeat #bfd1e7;} #msgbox.error {color:#c00; background:url("../images/msgbox/icon-error.png") 5px 5px no-repeat #E6C0C0; border:3px solid #DE7A7B;} #msgbox.warning {color:#c00; background:url("../images/msgbox/icon-warning.png") 5px 5px no-repeat #EFE7B8; border:3px solid #F0DC7E;} #msgbox p {margin-left:30px;} a.button, input.button {display:block; padding:3px 10px; border:1px solid #cccccc; border-color: #cccccc #666666 #666666 #cccccc; background-color:#eeeeee; text-decoration:none; color:black; width:auto !important; float:left; margin-right:5px; cursor:pointer; font-size:13px;} a.button:hover, input.button:hover {background-color:#C9E0F0; border-color:#4D99CC #3A7399 #3A7399 #4D99CC;} a.button {padding:5.5px 14px; margin:0;} div.right a.button, div.right input.button {float:right;} h2 a.button, h3 a.button {float:right; font-weight:normal; font-style:normal; font-size:13px; margin-left:5px; position:relative; top:-2px;} div#pnlFilter {margin:10px; padding:6px; border:1px solid #808080; font-size:12px; margin-top:0; background:url("/images/icons/search-large.png") bottom right #f0f0f0 no-repeat;} div#pnlFilter.closed {display:none;} div#pnlFilter h2 {font-size:20px; font-weight:bold;}