/*
 Style Index

 $1 - Site Structure Styles
 $2 - Header Styles
 $3 - Sidebar Styles
 $4 - Content Styles
 $5 - Footer Styles
 $100 - Clearfix Styles
*/

/* undohtml.css
(CC) 2004 Tantek Celik. Some Rights Reserved.
http://creativecommons.org/licenses/by/2.0
This style sheet is licensed under a Creative Commons License.
Purpose:undo some of the default styling of common (X)HTML browsers */

:link,:visited {text-decoration:none}
ul {list-style:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0;padding:0}
a img,:link img,:visited img {border:none}
address {font-style:normal}

/* $1 - Site Structure Styles ///////////////////////////////////////////////////////////////////////////////////*/

body { background:#084176 url(https://www.bocachild.com/images/interface/body-bg.png) repeat-x;font:12px arial,verdana,sans-serif;color:#333; }

body#index-body { background:#032F56 url(https://www.bocachild.com/images/interface/body-bg.png) repeat-x;font:12px arial,verdana,sans-serif;color:#333; }

img.read-more {behavior:url(https://www.bocachild.com/js/iepngfix.htc); }

hr { border:0;border-top:1px solid #d8d8d8;margin:20px 0; }

#large-container { background:#D6FFFF url(https://www.bocachild.com/images/interface/large-container-bg.png) repeat-x; }

 #inside-container {background:url(https://www.bocachild.com/images/interface/body-bg.png) 50% top no-repeat; }

#container { width:900px;margin:0 auto;padding-bottom:20px; }

#header {height:126px;}

#content-container { width:900px;padding-top:10px;margin-bottom:30px;background:white url(https://www.bocachild.com/images/interface/content-top.png) no-repeat; }

 #content-container-middle {background:url(https://www.bocachild.com/images/interface/content-middle.png) repeat-y; }

 #content-container-inside { width:840px;padding:25px 30px;background:url(https://www.bocachild.com/images/interface/content-bottom.png) left bottom no-repeat; }


#sidebar-left { }

#main-content {float:left;width:634px;}

#main-content.full_width {float:left;width:100%;}

#sidebar-right {float:right;width:170px;margin-top:40px;}

#footer {width:100%;background:url(https://www.bocachild.com/images/interface/footer-bg.png) repeat-x;padding:15px 0;text-align:center;height:100px; }

body#index-body #footer {width:100%;background:url(https://www.bocachild.com/images/interface/index-footer-bg.png) repeat-x;padding:15px 0;text-align:center;height:auto; }

 #index-footer-container { width:900px;margin:0 auto 20px auto;color:white;text-align:left; }

/* $2 - Header Styles ///////////////////////////////////////////////////////////////////////////////////*/

#header-top {width:900px;height:70px;line-height:33px;text-align:right;}

h2#header-phone { /* Header Replacement */
 width:167px;float:right;padding:17px 0 0 0;margin:10px 10px 0 0;overflow:hidden;background:url(https://www.bocachild.com/images/interface/header-phone.png) no-repeat;height:0px !important;height /**/:17px; }

#header-sign-in { font-size:12px;float:right;text-align:left;display:inline-block;height:33px;width:auto;color:white;padding:0 0 0 14px;background:url(https://www.bocachild.com/images/interface/header-top-left-bg.png) no-repeat; }


#header-sign-in span { height:33px;display:inline-block;padding:0 14px 0 0;background:url(https://www.bocachild.com/images/interface/header-top-right-bg.png) top right no-repeat; }

 html>body #header-sign-in span {display:block;}

#header-sign-in li { float:left;display:inline-block;color:#FDFEFE;font-size:10px;padding:0 3px;white-space:nowrap; }

 #header-sign-in a {color:#FDFEFE;text-decoration:underline;white-space:nowrap;}

 #header-sign-in a:hover {text-decoration:none;}

#header-logo-nav {width:900px;}

div#header-logo { width:228px;float:left;padding:0 0 0 20px;height:0px !important;height /**/:27px; }

h1#header-logo { /* Header Replacement */
 width:228px;float:left;padding:27px 0 0 0;overflow:hidden;background:url(https://www.bocachild.com/images/interface/header-logo.gif) no-repeat;height:0px !important;height /**/:27px; }

/* Header Nav Styles ///////*/

ul#header-nav-ul { float:right;width:522px;/* 530 with podcast button */
 margin:0;padding:3px 0 0 0;height:28px;overflow:hidden;list-style:none; }

ul#header-nav-ul li { margin:0 6px 0 0;padding:0;list-style:none;float:left; }

ul#header-nav-ul a { float:left;padding:28px 0 0 0;overflow:hidden;height:0px !important; }

ul#header-nav-ul a:hover { background-position:0 -28px; }

ul#header-nav-ul a:active,ul#header-nav-ul a.selected { background-position:0 -28px; }

#nav-about a {width:86px;background:url(https://www.bocachild.com/images/interface/nav-about.png) no-repeat; }
#nav-articles a {width:82px;background:url(https://www.bocachild.com/images/interface/nav-articles.png) no-repeat; }
#nav-faqs a {width:49px;background:url(https://www.bocachild.com/images/interface/nav-faqs.png) no-repeat; }
#nav-podcasts a {width:84px;background:url(https://www.bocachild.com/images/interface/nav-podcasts.png) no-repeat; }
#nav-resources a {width:94px;background:url(https://www.bocachild.com/images/interface/nav-resources.png) no-repeat; }
#nav-paybill a {width:74px;background:url(https://www.bocachild.com/images/interface/nav-paybill.png) no-repeat; }
#nav-contacts a {width:96px;background:url(https://www.bocachild.com/images/interface/nav-contacts.png) no-repeat; }

/* $3 - Sidebar Styles ///////////////////////////////////////////////////////////////////////////////////*/

#sidebar-right ul {margin-bottom:20px;}

 #sidebar-right li {margin-bottom:15px;}

 #sidebar-right li a { font:bold 14px arial;color:#DE147C;padding-left:8px;border-left:2px solid white;text-decoration:underline; }

 #sidebar-right li a:hover {color:#666666;padding-left:8px;text-decoration:none;}
 #sidebar-right li#active a { color:#666666;padding-left:8px;border-left:2px solid #FF76E0;text-decoration:none; }
 #sidebar-right p {line-height:18px;}

/* $3 - Content Styles ///////////////////////////////////////////////////////////////////////////////////*/

.the-sun {position:absolute;top:0;left:0;}

a,
a:link,
a:visited { }

a:hover { }

h1,h2,h3,h4,h5,h6 { }

#main-content h2 { color:#333333;font-size:18px;margin:15px 0 5px 0; }
#main-content h3 { color:#333333;font-size:16px;margin:15px 0 5px 0; }

h1.title { font:bold 24px arial;color:#666666;padding-bottom:8px;border-bottom:1px solid #D8D8D8;margin-bottom:20px;text-transform:capitalize; }

#main-content p {text-shadow:none;margin-bottom:10px;line-height:1.5;}

ol { padding-left:30px;font:20px georgia; }

 ol li {margin-bottom:12px;padding:0;}

 ol li p { margin-bottom:0;font:12px arial; }


ol#faq { margin:0;padding:0 0 0 25px;font:bold 14px arial,verdana; }

 ol#faq li {margin-bottom:15px;padding:0;}

 ol#faq dl dd { margin:10px 0 20px 0; }

 ol#faq dl dd p {line-height:18px;}

#links #main-content ul {padding:0;list-style:none;}

 #main-content ul li { margin:0px 0 0px 0; }


#main-content ul { margin:10px 0 20px 0;padding:5px 20px;list-style:disc; }

 #main-content ul li { margin:10px 0 10px 0;padding:0; }

#main-content a {color:#DE147C;text-decoration:underline;}

#main-content a:hover {color:#DE147C;text-decoration:none;}

img {border:none;}

form dl,form dt,form dd {padding:0;margin:0;}

form dt {margin-bottom:.5em;}

form dd {margin-bottom:1em;}

form label {font-weight:bold}

form em {font-weight:bold;color:#CC0000;}

form input {width:250px;padding:2px;color:#444;}

form input.button {width:auto;padding:0;}

form input.radio { width: 20px}

form textarea {width:400px;height:150px;font-family:inherit;color:#444;}

/*- Paypal -*/

h4.cancel {color: red;}

.pay-bill {
	float: right;
}

#paypal-instruct {
	background: #efefef;
	padding: 20px;
	width: 300px;
	float: left;
}

#paypal-instruct p {line-height: 1.2em; font-size: 11px; margin-top: 10px;}

/*- Tables List -*/

table,td,tr {border:0;}

table.news td { border-bottom:1px solid #cccfd0;padding:10px 0; }

.news .news_date {padding-right:10px;white-space:nowrap;color:#6f8992;font-weight:bold;}

.news_label { font-size:10px;margin-right:4px;padding:2px 3px;background:#6f8992;color:#FFF; }

/* Index Banner styles //*/

#index-banner-block {height:268px;background:url(https://www.bocachild.com/images/interface/index-banner-bg.png) right top no-repeat;overflow:hidden; }


 .index-banner-img {float:left;width:599px;}

 .index-immu-btn {margin-top:10px;}

 .index-banner-content { float:right;position:relative;width:251px;padding:20px 25px 0 25px;color:white; }

 .index-banner-content a {color:#FFFFFF;text-decoration:underline;}


 .index-banner-content a:hover {color:#FFFFFF;text-decoration:none;}

 .index-banner-content h2 { text-shadow:0px 1px 0px #063764;color:white;font:bold 16px arial,verdana;margin:0 0 5px 0; }

 .index-banner-content p { font:normal 12px arial,verdana;margin:0;padding:0;line-height:18px; }

 .input-float {margin-bottom:10px;}

 select {width:200px;}

 .index-banner-content ul {list-style:disc;padding-left:15px;}

 .pediatric-web {position:absolute;bottom:0;right:20px;}

#index_dvd, #index_dvd2, #index_vax, #index_vax2, #index_covid_19 { margin-top:10px;padding:10px 20px;border:1px solid #d2d2d2;background:#FFFFFF;-moz-border-radius:10px;/* FF1+ */
 -webkit-border-radius:10px;/* Saf3+,Chrome */
 border-radius:10px;/* Opera 10.5,IE 9 */
 line-height:18px;font-size:12px; }

#index_dvd, #index_dvd2 {width: 550px; float: left;}

#index_vax {width: 250px; float: right;}

#index_vax2 {width: 250px; float: right;}

#index_dvd img { float:left; margin-top: 10px; margin-bottom: 0px; margin-right:20px; }

#index_dvd h2 {font-size: 16px; margin: 5px 0}

#index_dvd p, #index_dvd2 p, #index_vax p {padding-top:5px;}

#index_covid_19 div { width: 100%; text-align: center; }

#index_covid_19 div a { font-size: 20px; color: red;}

#index_feature a {color:#DE147C;text-decoration:underline;}
#index_feature a:hover {color:#DE147C;text-decoration:none;}

/* $5 - Footer Styles ///////////////////////////////////////////////////////////////////////////////////*/

#footer a {color:white;text-decoration:underline;}

#footer a:hover {color:white;text-decoration:none;}

#footer-left {float:left;width:280px;margin-right:20px;}

#footer-middle {float:left;width:280px;}

#footer-right { float:right;width:280px;/* background:url(https://www.bocachild.com/images/interface/podcasts-bg.jpg) bottom right no-repeat;*/ }

 #footer-right p.desc {margin-bottom:30px;padding-right:105px;}

 #footer-right li {margin-bottom:5px;}

 #footer-right h3 { text-shadow:0px 1px 0px #063764;font-size:16px;margin-bottom:10px; }
 #footer-right h4 { text-shadow:0px 1px 0px #063764;font-size:14px;margin-bottom:4px; }

 #footer-right h1 { text-shadow:0px 1px 0px #063764;font:bold 14px arial;margin-bottom:10px; }

 #footer-right p { margin:10px 0; }

 #footer-right a {color:white;text-decoration:underline;}

 #footer-right a:hover {color:white;text-decoration:none;}

h2.header-location,h2.header-sick,h2.header-news { color:#FFF;font-size:14px;font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;font-weight:bold;text-transform:uppercase;padding:10px 0 8px 0;text-shadow:1px 1px 5px #0769aa;margin-bottom:10px;border-bottom:1px solid white; }

h2.header-faqs { /* Header Replacement */
 padding:26px 0 0 0;overflow:hidden;background:url(https://www.bocachild.com/images/interface/header-faqs.png) no-repeat;margin-bottom:10px;height:0px !important;height /**/:20px;border-bottom:1px solid white; }

h2.header-podcasts { /* Header Replacement */
 padding:26px 0 0 0;overflow:hidden;background:url(https://www.bocachild.com/images/interface/header-podcasts.png) no-repeat;margin-bottom:10px;height:0px !important;height /**/:20px;border-bottom:1px solid white; }

ul#front-news li { margin:10px 0; }

.footer-copy {font-size:11px;text-align:center;}

 .footer-copy { width:900px;margin:15px auto 10px auto;color:#c8f9ff; }

 .footer-copy a {color:#c8f9ff;text-decoration:underline;}

 .footer-copy a:hover {text-decoration:none;}

.footer-bbb {padding: 20px;}

 .read-more { margin:10px 0 0 140px; }

/* $100 - Clearfix Styles ///////////////////////////////////////////////////////////////////////////////////*/

.clear {clear: both}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;display:inline-block;}
/* End hide from IE-mac */