/* CSS Document */


/* ============================= KidCheck text formatting ============== */
.kdHeader {font-size:20px; color:#004b7b; display:block; text-transform:uppercase;}
.navHeader {font-size:16px; color:#004b7b; text-decoration:underline;}
h1 {font-size: 16px;font-weight:bold; margin-top:16px;}

/* =============================KidCheck Formatting ==================== */
.breadcrumb {margin-bottom: 0px; vertical-align:bottom;}
.border_left {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #004b7b;
}

ol {margin:12px;}

ul.bluecheck {
	margin-top:12px;
	margin-bottom: 18px;
	margin-left: 18px;
	padding-top:0px;
}
	
.bluecheck li {
	background:url(images/check.gif) no-repeat 0 7px;
	padding-left:28px;
	line-height:1.5em;
}
ul.bluearrow {
	margin:18px;
	padding-top:18px;
}
	
.bluearrow li {
	background:url(images/bluearrow.jpg) no-repeat 0 7px;
	padding-left:28px;
	line-height:1.5em;
}
ul.list-1 {
	margin:18px;
	padding-top:18px;
}
	
.list-1 li {
	background:url(images/list-1.gif) no-repeat 0 7px;
	padding-left:28px;
	line-height:1.5em;
}

ul.download 
{
	color:#004b7b;
}

.download li 
{
	list-style-image:none;
}

.dropshadow 
{
	-moz-box-shadow: 0 5px 5px #999;
	-webkit-box-shadow: 0 5px 5px #999;
	box-shadow: 0 5px 5px #999;
} 

.highlight 
{

	margin:15px 0 10px 0;
	-moz-border-radius: 1em;
	border-radius: 1em;
	background-color:#f1f1f1;
	padding: 15px;
}

/* Product pages benefits and features styling */

.benheader
{
	font-size:16px;
	color: #004b7b;
	margin-bottom: 25px;
}



.benefit
{
	border1-top:1px solid #cdcdcd; 
	padding-top:5px; 
	margin-top:10px;
}


.benefit img
{
	margin:15px 20px 5px 0px;
	float:left;
}
	

/* ============================ image formatting ============== */

.align-right { float:right; margin: 0 0 10px 10px;}
.align-left {float:left; margin: 0 10px 10px 0;}

.thumbleft {float:left; margin: 0px 20px 20px 0px; width:78px; height:100px;}

/* ============================ hover text ==================== */

#dhtmltooltip{
	position: absolute;
	width: 150px;
	color: Navy;
	border: 1px dashed navy;
	padding: 2px;
	background-color:White;
	visibility: hidden;
	z-index: 100;
}




/*============================= active menu =================== */
.editions .menu .products {background:url(images/menu-left-bg.gif) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:10px 0 0 0px; color:#fff; cursor:pointer;}
.editions .menu .products a {margin: 0 0 0 0;}
.editions .menu .products span {background:url(images/menu-right-bg.gif) right top no-repeat; display:inline-block; padding:10 15px 0 15px;}
.editions .menu .products span span  {background:url(images/menu-tail-bg.gif) top repeat-x; padding:7px 6px 10px 8px; color:#fff;}

.supplies .menu .supplies {background:url(images/menu-left-bg.gif) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:10px 0 0 0px; color:#fff; cursor:pointer;}
.supplies .menu .supplies a {margin: 0 0 0 0;}
.supplies .menu .supplies span {background:url(images/menu-right-bg.gif) right top no-repeat; display:inline-block; padding:0 15px 0 15px;}
.supplies .menu .supplies span span  {background:url(images/menu-tail-bg.gif) top repeat-x; padding:7px 6px 10px 8px; color:#fff;}

.pricing .menu .pricing {background:url(images/menu-left-bg.gif) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:10px 0 0 0px; color:#fff; cursor:pointer;}
.pricing .menu .pricing a {margin: 0 0 0 0;}
.pricing .menu .pricing span {background:url(images/menu-right-bg.gif) right top no-repeat; display:inline-block; padding:0 15px 0 15px;}
.pricing .menu .pricing span span  {background:url(images/menu-tail-bg.gif) top repeat-x; padding:7px 6px 10px 8px; color:#fff;}

.demo .menu .demo {background:url(images/menu-left-bg.gif) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:10px 0 0 0px; color:#fff; cursor:pointer;}
.demo .menu .demo a {margin: 0 0 0 0;}
.demo .menu .demo span {background:url(images/menu-right-bg.gif) right top no-repeat; display:inline-block; padding:0 15px 0 15px;}
.demo .menu .demo span span  {background:url(images/menu-tail-bg.gif) top repeat-x; padding:7px 6px 10px 8px; color:#fff;}

.signup .menu .signup {background:url(images/menu-left-bg.gif) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:10px 0 0 0px; color:#fff; cursor:pointer;}
.signup .menu .signup a {margin: 0 0 0 0;}
.signup .menu .signup span {background:url(images/menu-right-bg.gif) right top no-repeat; display:inline-block; padding:0 15px 0 15px;}
.signup .menu .signup span span  {background:url(images/menu-tail-bg.gif) top repeat-x; padding:7px 6px 10px 8px; color:#fff;}

.support .menu .support {background:url(images/menu-left-bg.gif) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:10px 0 0 0px; color:#fff; cursor:pointer;}
.support .menu .support a {margin: 0 0 0 0;}
.support .menu .support span {background:url(images/menu-right-bg.gif) right top no-repeat; display:inline-block; padding:0 15px 0 15px;}
.support .menu .support span span  {background:url(images/menu-tail-bg.gif) top repeat-x; padding:7px 6px 10px 8px; color:#fff;}

.contact .menu .contact {background:url(images/menu-left-bg.gif) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:10px 0 0 0px; color:#fff; cursor:pointer;}
.contact .menu .contact a {margin: 0 0 0 0;}
.contact .menu .contact span {background:url(images/menu-right-bg.gif) right top no-repeat; display:inline-block; padding:0 15px 0 15px;}
.contact .menu .contact span span  {background:url(images/menu-tail-bg.gif) top repeat-x; padding:7px 6px 10px 8px; color:#fff;}



/* ============================ Template =============================== */
* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(images/body-bg.gif) repeat-x left top #d6d6d6; 
	text-align:center; 
	min-width:1000px;
}

img {
	vertical-align:top;
}
a img {
	border:0;
}

ul {
	list-style:none;
	width: inherit;
}

.left { 
	float:left;
}
.right {
	float:right;
}
.clear  {
	clear:both;
}
.alignright {
	text-align:right;
}
.alignleft {
	text-align:left;
}
.aligncenter {
	text-align:center;
}

html, input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	line-height:19px;
	color:#606060;
}

input, select {
	vertical-align:middle; 
	font-weight:normal;
}

a {
	color:#999999; 
	outline:none;
}
a:hover{
	text-decoration:none;
}
p {
	padding-top:19px;
}
.p {padding-bottom:5px;}
.p1 {padding-bottom:10px;}
.p4 {padding-bottom:30px;}
.p5 {padding-bottom:35px;}
.p6 {padding-bottom:47px;}
.top {padding-top:13px;}

.bot3 {padding-bottom:24px;}
.bot5 {padding-bottom:40px;}

.margin-top {margin-top:-0px;}

.pad-right {padding-right:28px;}

.pad-left {padding-left:33px;}
.pad-left1 {padding-left:91px;}

.margin-right {margin-right:4px;}

.margin {margin-top:-5px;}
.margin1 {margin-top:-6px;}

.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.cont {width:100%;
}
.phone {
	display:inline-block;
	width:77px;
}
/* ============================= main layout ====================== */

li {
	background:url(images/none.gif) no-repeat 0 7px;
	padding-left:18px;
	line-height:1.8em;
}
li a {
	color:#B6BDC3;
}

.imgindent {
	margin:0 20px 0 0;
	float:left;
}
h2 {font-size:27px; line-height:1.2em; color:#353535; font-weight:normal; margin-bottom:-1px;}

h5 {font-size:20px; line-height:24px; color:#363636; text-transform:uppercase; text-align:center; padding-left:3px;}
h5 strong {font-size:20px; line-height:24px; color:#878787; margin-bottom:-6px; text-transform:uppercase; display:block; padding-right:3px;}

.indent_1{margin-left:-20px;}

.col-indent {padding-right:38px;}
.col-indent1 {padding-right:78px;}

.img-pad {padding:24px 0 16px}


/* ============================= header ====================== */
.bg-top {background:url(images/bg-top.gif) repeat-x top left; position: relative; left:130px; }   
.bg-top-centre {background:url(images/bg-top-centre.jpg) no-repeat top center; height:116px; position: relative; left:-130px;}    /* position and left move backglow behind logo  */

.data {background:url(images/data-bg.jpg) no-repeat 6px 7px; padding-left:26px; color:#949494; float:left; font-size:11px; line-height:22px; padding-top:2px;}
.help {float:right; font-size:11px; padding-top:3px; line-height:20px; padding-right:4px; color:#999; }
.help span {color:#fff; display:inline-block; padding-left:12px;}

.logo {float:left; padding:33px 0 26px 10px}
.exils {float:right; padding-top:42px; padding-right:4px; width: 310px;}
.exils li {float:left;}
.exils a {display:inline-block; text-decoration:none; background:url(images/exils-bg.gif) no-repeat left 2px; padding:0 1px 0 15px;}
.exils a { color:#666666;}
.exils a:hover {color:#ffffff;}
.exils .first {background:none;}

.menu-bg {background:url(images/menu-bg.jpg) no-repeat top center; height:63px;}
* html .menu-bg {height:59px;}
.main-bg-tail {background:url(images/podmenu.gif) no-repeat top center; margin:-4px 0 0 1px;}
.main-bg-tail-1 {background:url(images/podmenu.gif) no-repeat top center; margin:5px 0 0 15px;}
.main-bg-tail-2 {background:url(images/podmenu.gif) no-repeat top center; margin:0px 0 0 1px;}

* html .main-bg-tail-1 {margin:10px 0 0 1px;}
*+ html .main-bg-tail-1 {margin:10px 0 0 2px;}

.menu {float:left; padding:2px 0 11px 5px; margin-left:0px;	width: 958px;}
* html .menu {padding:3px 0 0 5px;}
*+ html .menu {padding:3px 0 0 5px;}
.menu li {float:left; background:url(images/menu-bg.gif) no-repeat right 19px; padding:0px; font-size:18px; line-height:20px; color:#454545;}
.menu .last {background:none;}

.menu a {background:none; display:inline-block; line-height:1em; text-decoration:none; margin:10px 0 0 0px; color:#454545; cursor:pointer;}
.menu a span {background:none; display:inline-block; padding:0 15px 0 15px;}
.menu a span span  {background:none; padding:7px 6px 10px 8px;}

.menu a:hover, .menu .active {background:url(images/menu-left-bg.gif) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:10px 0 0 0px; color:#fff; cursor:pointer;}
.menu a:hover span, .menu .active span {background:url(images/menu-right-bg.gif) right top no-repeat; display:inline-block; padding:0 15px 0 15px;}
.menu a:hover span span, .menu .active span span  {background:url(images/menu-tail-bg.gif) top repeat-x; padding:7px 6px 10px 8px;}

.col-1-bg {background:url(images/header-col-1-bg.jpg) no-repeat 0 0; height:334px; width:299px;}
.col-2-bg {background:url(images/header-col-2-bg.jpg) no-repeat 0 0; height:334px; width:663px;}

#header .col-1 .indent_1 {padding:121px 20px 0 25px;}
#header .col-2 .indent_2 {padding:75px 60px 0 357px;}

.text1 {font-size:40px; color:#fff; font-family:"Times New Roman", Times, serif; line-height:42px; display:block; text-align:right; margin-bottom:-6px;}
.text2 {font-size:47px; color:#fff; font-family:"Times New Roman", Times, serif; font-weight:bold; text-transform:uppercase; line-height:50px; display:block; text-align:right;}
.text3 {font-size:37px; color:#5f5d5d; font-family:"Times New Roman", Times, serif; line-height:42px; display:block; margin-bottom:-6px; letter-spacing:-1px;}
.text3 strong { color:#363636; font-size:44px; line-height:48px; text-transform:uppercase; letter-spacing:-2px;}
.text4 {font-size:37px; color:#328cd5; font-family:"Times New Roman", Times, serif; line-height:42px; display:block; text-align:right; font-weight:bold; line-height:40px; text-transform:uppercase; letter-spacing:-1px; padding-top:2px;}


/* ============================= content ====================== */
.main-box-left {background:url(images/main-box-left.png) repeat-y left top; padding-left:25px;}
.main-box-right {background:url(images/main-box-right.png) repeat-y right top; padding-right:25px;}
.main-box {background:#fff;}
.main-box .indent {padding:12px 5px 51px 8px;}
.main-box .indent1 {padding:0px 0px 0px 10px;}

.main-box-top-tail {background:url(images/main-box-top-tail.png) repeat-x left top; height:25px;}
.main-box-top-tail1 {background:url(images/main-box-top-tail1.gif) no-repeat left top; height:25px;}
.main-box-top-right {background:url(images/box-top-right.png) no-repeat right top; padding-right:26px;}
.main-box-top-left {background:url(images/box-top-left.png) no-repeat top left; padding-left:25px; margin-top:8px;}

.main-box-bottom {background:url(images/main-box-bottom.png) repeat-x left bottom; height:25px;}
.main-box-bottom-right {background:url(images/box-bottom-right.png) no-repeat right top; padding-right:25px;}
.main-box-bottom-left {background:url(images/box-bottom-left.png) no-repeat top left; padding-left:25px;}

.boxes {margin:-33px -12px 0px -11px; position:relative;}
.boxes .box-bg-top {background:url(images/box-bg-top.jpg) no-repeat top left #cdcdcd; width:232px; min-height:260px;}
.boxes .box-bg-bottom {background:url(images/box-bg-bottom.jpg) no-repeat bottom left; width:232px; padding-bottom:24px;}


.box-list {padding-top:10px; margin-left:20px;}
.box-list li {background:url(images/box-list-li.gif) repeat-x left bottom; width:192px; padding:0px; font-size:12px; line-height:25px;}
.box-list li a {background:url(images/check.gif) no-repeat 10px 3px; padding-left:23px; color:#414141; text-decoration:none;}
.box-list li a:hover {color:#328cd5;}

.list {padding-top:12px;}
.list li {padding:0px; font-size:12px; line-height:32px;}
.list li a {background:url(images/list.gif) no-repeat 0px 6px; padding-left:10px; color:#328cd5;}
.list li a:hover {color:#328cd5;}

.list-1 {padding:19px 0 8px 0;}
.list-1 li {padding:0px; line-height:19px; height:82px; background:url(images/list-1.gif) no-repeat 0 6px; padding-left:17px;}
.list-1 li a {color:#000; font-size:12px;}
.list-1 li a:hover {color:#328cd5;}
.list-1 li a strong {color:#000;}

.list-2 {padding:19px 0 8px 0;}
.list-2 li {padding:0px; line-height:19px; height:82px; background:url(images/list-1.gif) no-repeat 0 6px; padding-left:17px;}
.list-2 li a {color:#000; font-size:12px;}
.list-2 li a:hover {color:#328cd5;}
.list-2 li a strong {color:#000;}

.icons {padding:13px 0 1px 81px;}

.link {background:url(images/link-left-bg.png) left top no-repeat; display:inline-block; text-decoration:none; margin:10px 0 0 0px; color:#343434; font-weight:bold; cursor:pointer; font-size:12px;}
.link span {background:url(images/link-right-bg.png) right top no-repeat; display:inline-block; padding:0 15px 0 15px;}
.link span span  {background:url(images/link-tail-bg.png) top repeat-x; padding:8px 0px 8px 0px;}

.link:hover {background:url(images/menu-left-bg.gif) left top no-repeat; }
.link:hover span {background:url(images/menu-right-bg.gif) right top no-repeat;}
.link:hover span span  {background:url(images/menu-tail-bg.gif) top repeat-x; color:White;}

.link-1 {background:url(images/link-1.jpg) no-repeat 0 0; text-align:center; text-decoration:none; color:#fff; font-weight:bold; width:92px; display:inline-block; padding:6px 0; margin:11px 27px 0 0;}
.link-1:hover {background:url(images/link-1-hover.jpg) no-repeat 0 0;}

.padding {margin:-4px 18px 0 0;}

.border {border-bottom:1px dotted #cdcdcd; padding-bottom:21px; margin-bottom:30px;}
.border1 {border-bottom:1px dotted #cdcdcd; padding-bottom:5px; margin-bottom:15px;}
.border2 {border-bottom:1px dotted #cdcdcd; padding-bottom:30px; margin-bottom:30px;}

.size {width:283px !important;}
.size1 {width:192px !important;}


/* ============================= footer ====================== */
#footer .extra{background:url(images/footer-bg.gif) repeat center top;}
#footer .bottom {background:url(images/footer-bottom.gif) repeat-x left bottom;}
#footer .indent {padding:25px 0px 0 44px;}

.footer-list {padding-top:7px;}
.footer-list li {font-size:11px; line-height:23px; background:url(images/footer-list.gif) no-repeat 0px 9px; padding-left:12px;}
.footer-list li a {color:#959595; text-decoration:none;}
.footer-list li a:hover {color:#fff;}

.white {color:white;}
.black {color:black;}
.color {color:#328cd5;}

.social {float:right; padding-top:2px;}
*+html .social {padding-top:0px;}
.social img {margin-left:7px;}

.policy {padding:10px; font-size:11px; text-align:center;}
.policy strong {background:url(images/kidcheck_sm1.png) no-repeat left 3px; padding-left:23px; color:white; font-size:12px;}
* html .policy strong {background:url(images/policy-bg.png) no-repeat left 6px;}


/* ============================= forms ============================= */
#form-1 {float:right; padding-top:17px; width:248px;}
#form-1 label {float:left; padding-right:0px; border:none;}
#form-1 .input {display:block; width:192px; padding:0px 10px 3px 12px; overflow:hidden; background:url(images/input-form-top.gif) 0 0 no-repeat; border:none;}
* html #form-1 .input {width:191px;}
*+ html #form-1 .input {width:191px;}
#form-1 input {width:194px; color:#616161; border:none; background:none; height:28px;}
* html #form-1 .input {padding:3px 10px 3px 13px;}
*+ html #form-1 .input {padding:3px 10px 3px 13px;}

#form-2 {padding-top:17px; background:url(images/form-2-bg.jpg) no-repeat 0 0; width:251px; height:164px; margin-left:-21px; position:relative; margin-top:41px;}
#form-2 .indent {padding:10px 20px 0 20px;}
#form-2 .text {text-transform:uppercase; font-size:26px; font-weight:bold; color:#fff; line-height:1.2em;}
#form-2 label {float:left; padding-top:10px; border:none; height:44px;}
#form-2 .Unsubscribe {color:#fff; font-weight:bold; padding-top:5px; display:inline-block;}
#form-2 .input {display:block; width:192px; padding:0px 10px 3px 12px; overflow:hidden; background:url(images/input-form-1.gif) 0 0 no-repeat; border:none;}
* html #form-2 .input {padding:2px 10px 3px 12px;}
*+ html #form-2 .input {padding:2px 10px 3px 12px;}
#form-2 input {width:194px; color:#616161; border:none; background:none; height:28px;}

#ContactForm {padding:17px 0 0 0px; height:379px; width:251px; background:url(images/contact-form-bg.jpg) no-repeat 0 0; margin-left:-21px; position:relative;}
#ContactForm .indent {padding:10px 20px 0 20px;}
#ContactForm .text {text-transform:uppercase; font-size:26px; font-weight:bold; color:#fff; line-height:1.2em;}
#ContactForm label {height:36px; display:block;}
#ContactForm .link {margin:8px 0px 0px 3px;}
#ContactForm .input {width:192px; background:url(images/contactform-label.gif) no-repeat 0 0; padding:0px 10px; display:block; height:36px; overflow:hidden;}
#ContactForm textarea {width:200px; height:169px; border:none; background:none; overflow:auto;}
#ContactForm input {width:192px; background:none; border:none; padding:6px 0; line-height:19px;}
#ContactForm .area {width:192px; height:169px; padding:6px 10px; display:block; background:url(images/textarea.gif) no-repeat 0 0; overflow:hidden;}
* html #ContactForm input {padding:4px 6px;}