html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; margin: 0; padding: 0; }
body { line-height: 1; font: 12px/18px "Lucida Grande" , Arial, sans-serif; color: #111; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
hr { height: 0; border: 0; border-top: 1px solid #e0e0e0; width: 100%; margin: 0 0 17px; padding: 0; }
header, footer, section, aside, nav, article { display: block !important; }
.last { padding: 0; }
.clear { clear: both; }
.list { list-style: none; margin: 0; padding: 0; }
.list li { display: inline; margin: 0 6px 0 0; }
.clearfix:after, .zp-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
* html .clearfix, * html .zp-wrapper { height: 1%; }
.skip { display: block; left: -9999px; position: absolute; visibility: hidden; }
h1 { font-size: 34px; font-weight: 400; font-family: Georgia, "Times new roman" , serif; margin-bottom: 15px; line-height: 1; }
h1 span{font-size:10px}
h2 { font-family: Georgia, "Times new roman" , serif; font-size: 18px; font-style: italic; font-weight: 400; margin: 10px 0; line-height: 1; }
h3 { font-family: Georgia, "Times new roman" , serif; font-size: 16px; font-style: italic; line-height: 18px; margin-bottom: 10px; font-weight: 400; color: #000; }
h4 { font-size: 12px; line-height: 18px; font-weight: 400; color: #666; margin: 0; }
h5, h6 { font-size: 12px; line-height: 18px; font-weight: 400; margin: 0; }
p { margin: 0 0 18px; }
p img, li img { float: left; margin: 4px 6px 0 0; padding: 0; }
p img.right, li img.right { float: right; margin: 4px 0 6px; padding: 0; }
a, a:focus { color: #009; text-decoration: underline; }
blockquote { background: #F9F9F9; border-left: 6px solid #ccc; quotes: “ ” ‘ ’; color: #333; font-family: Georgia, "Times new roman" , serif; font-size: 13px; font-style: italic; margin: 0 0 18px; padding: 9px; }
p.intro:first-letter, p.important:first-letter { font-size: 43px; font-weight: 400; line-height: 32px; letter-spacing: 5px; float: left; width: auto; font-family: Georgia, Times, serif; padding: 5px 0 0; }
p.intro:first-line, p.important:first-line { font-variant: small-caps; }
pre, code { background: #111; border: 1px solid #333; font-family: monaco, courier, "courier new" , monospace; font-size: 11px; margin: 0 0 18px; padding: 9px; }
a.button, button { display: block; float: left; border: 1px solid #ccc; background: #ccc url(/images/button.png) left top repeat-x; font-family: "Lucida Grande" , Tahoma, Arial, Verdana, sans-serif; font-size: 11px; line-height: 16px; text-decoration: none; font-weight: 400; color: #333; cursor: pointer; white-space: nowrap; vertical-align: baseline; border-color: #999 #858585 #666; margin: 0 3px 15px 0; padding: 2px 6px; }
button { width: auto; overflow: visible; padding: 1px 4px; }
a.button { line-height: 14px; }
button[type] { line-height: 16px; padding: 1px 4px; }
a.button:hover, button:hover { background-color: #ccc; border: 1px solid #000; color: #000; text-decoration: none; }
.notification { font-size: 11px; line-height: 18px; margin: 0 0 17px; padding: 0 4px; }
.notice { background: #FFF6BF; color: #514721; border-bottom: 1px solid #FFD324; }
.error { background: #FBE3E4; color: #8a1f11; border-bottom: 1px solid #FBC2C4; }
.success { background: #E6EFC2; color: #264409; border-bottom: 1px solid #C6D880; }
fieldset { border: 1px solid #ccc; margin: 0 0 18px; padding: 9px; }
legend { color: #333; font-size: 18px; line-height: 18px; padding: 0; }
.formField{margin:2px 0}
.formField label{clear:both;float:left;font-size:12px;padding-right:3px;text-align:right;width:140px}
.errorMessage, .ErrorMessage{background-color:#FFF2F2;border:1px inset red;color:red;display:block;font-size:12px;font-weight:700;margin-bottom:5px;padding:2px 3px}
.form-item { margin: 0 0 11px; }
.quote{clear:both;padding-top:50px}
.formfield { display: block; margin:2px 0}
.label { width: 130px; float: left; }
textarea, input { border: solid #ddd; border-width: 1px 1px 2px; padding: 4px; }
textarea { font-family: "Lucida Sans" ,Helvetica,sans-serif; font-size: 11px; }
textarea:focus, input:focus { background: #f9f9f9; border: solid #ddd; border-width: 1px 1px 2px; }
input.form-field-error, textarea.form-field-error { background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4 #FBC2C4 #ee9b9e; border-style: solid; border-width: 1px 1px 2px; }
input.form-field-notice, textarea.form-field-notice { background: #FFF6BF; color: #514721; border-color: #FFD324 #FFD324 #e3bb1b; border-style: solid; border-width: 1px 1px 2px; }
select { border: 1px solid #ccc; background: #f9f9f9; color: #333; }
input[type=checkbox], input[type=radio] { margin: 3px 4px 0 0; }
input[type=radio] { background-color: #fff; color: #000; }
option { background: #fff; color: #000; }
optgroup { background: #f2f2f2; color: #111; }
a:hover, input[type=checkbox] { color: #000; }
#frame { width: 1000px; margin: auto; }
#header { height: 110px; }
#breadcrumb{padding-left:10px}
#login { text-align: right ;margin:0}
#login ul{height: 16px;margin:0 }
#login ul li { float: left; margin: 0 5px;height: 16px; }
#login ul li {height: 16px; }
#logo { height: 94px; float: left; width: 1000px; background: url(images/logo.jpg) no-repeat center center; display: block; }
#logo b { display: none; }
#content { float: left; background: #fff; display: block; width: 980px; clear:both; padding: 15px 10px 0 10px }
#subleft { float: left; width: 680px; }
#subright { float: right; width: 280px; }
#subnav { background: #ccc; width: 275px; display: block; float: left; text-align: center; margin: 10px 0; }
#footer { display: block; clear: both; border-top: solid 2px #333; text-align: center; }
#footer p { margin: 2px 0; }
#home { background: #fff url(images/homebg.jpg) no-repeat 360px bottom; padding: 0 10px 35px 0; float:left; width:1000px }
ul { margin-bottom: 15px; }
.fl { float: left; margin: 0 10px 10px 0; }
.fr { float: right; margin: 0 0 10px 10px; }
#accordian { margin-bottom: 15px; }
#accordian h3 { font-weight: 700; }
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#navigation { background: #fff url(images/nav.jpg) repeat-x center; height: 30px; padding-left: 10px; border: solid #bbb; border-width: 2px 0 }
#nav, #nav ul { list-style: none; font: 10px verdana, sans-serif; position: relative; z-index: 80; margin: 0; padding: 0 0 5px; }
#nav { height: 25px; padding: 0; }
#nav li { float: left; display: block; }
#nav li li { float: none; }
#nav li a { display: block; float: left; color: #333; height: 25px; line-height: 25px; text-decoration: none; white-space: nowrap; font-size: 14px; margin: 2px 25px 0 5px; }
#nav li li a { height: 20px; line-height: 20px; float: none; font-size: 11px; color: #333 !important; }
#nav li:hover { position: relative; z-index: 300; }
#nav li:hover ul { left: 0; top: 22px; }
/* another hack for IE5.5 and IE6 */* html #nav li:hover ul { left: 10px; }
/* yet another hack for IE5.x and IE6 */* html #nav ul { width: 1px; }
/* keep further levels hidden */#nav li:hover > ul ul { position: absolute; left: -9999px; top: -9999px; width: auto; }
#nav li .mb { background: transparent url(images/menu.png) no-repeat; display: block; width: 164px; float: left; padding: 15px 0 0; }
#nav li .last { background: transparent url(images/last.jpg) repeat-x -5px bottom; width: 164px; height: 25px; }
/* hide futher possible paths */#nav li:hover li a, #nav li:hover li:hover li a, #nav li:hover li:hover li:hover li a, #nav li:hover li:hover li:hover li:hover li a, #nav li:hover li:hover li:hover li:hover li:hover li a { text-decoration: none; color: #888; }
.left, * html #nav li li { float: left; }
.right, #login ul { float: right; }
#login ul li a, #subnav ul li a, #footer p a { color: #333; text-decoration: none; }
#nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul { position: absolute; left: -9999px; top: -9999px; }
#nav li:hover li:hover > ul, #nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul { left: -15px; margin-left: 100%; top: -1px; }
#nav li:hover > a, #nav li:hover a, #nav li:hover li:hover a, #nav li:hover li:hover li:hover a, #nav li:hover li:hover li:hover li:hover a, #nav li:hover li:hover li:hover li:hover li:hover a, #nav li:hover li:hover li:hover li:hover li:hover li:hover a { text-decoration: underline; color: #b75; }
#shadow-container { position: relative; left: 3px; top: 3px; margin-right: 3px; margin-bottom: 3px; }
#shadow-container .shadow2, #shadow-container .shadow3, #shadow-container .container { position: relative; left: -1px; top: -1px; }
#shadow-container .shadow1 { background: #F1F0F1; }
#shadow-container .shadow2 { background: #DBDADB; }
#shadow-container .shadow3 { background: #B8B6B8; }
#shadow-container .container { background: #ffffff; border: 1px solid #848284; width: 275px; }
#shadow-container .container ul { margin: 10px; }
.twitter{ margin:20px 10px 0}
#socialicons {overflow: hidden; margin:0}
#socialicons li {display: block; float: left; margin: 4px 3px 0 0}
#socialicons li a {display: block; background: url(images/social-icons-10.jpg) no-repeat; width: 40px; height: 40px}
#socialicons strong {color: #666; display:block}
#socialicons li a#twitter {background-position: -156px -2px}
#socialicons.link_group:hover li a#twitter {background-position: -156px -2px}
#socialicons li a#facebook {background-position: -2px -2px}
#socialicons.link_group:hover li a#facebook {background-position: -2px -2px}
#socialicons li a#linkedin {background-position: -210px -2px}
#socialicons.link_group:hover li a#linkedin {background-position: -210px -2px}
#kids{ background: url(images/kids-layout.png) no-repeat; width:791px; height:614px; margin:auto; display:block }
#col1, #col2, #col3{ float:left; width:263px; height:614px}
#col3{margin:0 40px 0 10px; width:213px}
.imglink{margin:50px auto 0; width:114px; clear:both; display:block}
.vidlink{margin:50px auto 0; width:100px; clear:both; display:block}
.one{ margin-top:240px}
#btnKids { float: right; width: 201px; height: 45px; background: url(images/btn-kids.png) no-repeat center top; display: block; border: none; cursor: pointer; margin: 6px 10px 0 0; }
#btnKids:hover { background-position: center bottom; }
#btnTreatment { float: right; width: 201px; height: 45px; background: url(images/btn-treatment.png) no-repeat center top; display: block; border: none; cursor: pointer; margin: 6px 10px 0 0; }
#btnTreatment:hover { background-position: center bottom; }
#btnDevice { float: right; width: 201px; height: 45px; background: url(images/btn-device.png) no-repeat center top; display: block; border: none; cursor: pointer; margin: 6px 10px 0 0; }
#btnDevice:hover { background-position: center bottom; }
.red{color:#ff0000}
#btn_anyone{ height:60px; float: left; width: 215px; background: url(images/btn_anyone.png) no-repeat center center; display: block; margin:240px 0 0 34px }
#btn_lousebuster{ height:39px; float: left; width: 215px; background: url(images/btn_lousebuster.png) no-repeat center center; display: block; margin:20px 0 0 34px }
#btn_dontworry{ height:60px; float: left; width: 215px; background: url(images/btn_dontworry.png) no-repeat center center; display: block; margin:20px 0 0 34px }
#btn_didyouknow{ height:17px; float: left; width: 215px; background: url(images/btn_didyouknow.png) no-repeat center center; display: block; margin:20px 0 0 34px }