/******************************************************************************
Filename:  screen.css
Project:   Bassettbaby
Purpose:   Site CSS:  Contains global styles 
Date			Developer	Description
02/27/2008		ln			Version 1.0
******************************************************************************/

/**** GLOBAL STYLES ****/
body{background-color:#ffffff; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family:Verdana, Helvetica, Arial, _san; color:#5A84B0; font-size:11px; line-height:14px;}
.right{text-align: right;}
.clearDiv{clear: both; height: 1px;}
#screenreaderNav{position:absolute; left:0; top:0; z-index:-1;}
.screenreaderNavAnchor{display:none;}
img{border:none;}

/************ BEGIN:  SITE-WIDE STYLES ************/
#bodyContainer{width:980px; margin:0; voice-family:"\"}\""; voice-family:inherit; margin:0 auto 0 auto;}
a{text-decoration:underline; color:#438030;}
a:hover{text-decoration:none;}
/************ END:  SITE-WIDE STYLES ************/

/************ BEGIN:  TIER 2 CONTENT ************/
#pageBodyContainer{margin-top:100px; width:980px; voice-family:"\"}\""; voice-family:inherit; margin-left:1px;}
html > body #pageBodyContainer{margin-left:0px;}
#contentMain{float:right; display:inline; width:760px;}
#content{float:left; display:inline; width:550px; height:250px; margin-top:10px; padding:0 10px 0 0px; line-height:1.6em;}
html > body #content{height:auto; min-height:250px;}
#content p{margin:0 0 14px 0;}
#content a, #content a:visited{text-decoration:underline; color:#438030;}
#content a:hover, #content a:active{text-decoration:none; color:#438030;}
#content h1{line-height: 26px; font-size:13px; color:#5A84B0; font-weight:600;}
h2, .heading{line-height: 22px; font-size:12px; font-weight:600; color:#5A84B0;}
h3, .subheading{line-height: 22px; font-size:11px; font-weight:600; color:#5A84B0;}
.normal{font-family:Verdana, Helvetica, Arial, _san; color:#5A84B0; font-size:11px;}
.emphasis-blue{color:#5A84B0;}
.emphasis-green{color:#438030;}
.emphasis-pink{color:#A06C5F;}
#contentSeparator{height:15px;}

/**** tables ****/
#content table td{vertical-align:top; line-height:1.2em;}
#content table.tbl{margin-bottom:14px; border:1px solid #AFCEA6;}
#content table.tbl tr.odd{background-color:#FFFFFF;}
#content table.tbl tr.even{background-color:#EDEEEF;}
#content table tr{vertical-align:top;}
#content table.tbl th {background:#D0E9C8; color:#438030; font-size:11px; padding:5px; line-height:1.5em; vertical-align:top; border-bottom:1px solid #AFCEA6;}
#content table.tbl td {border-right:1px solid #C6D9C0; padding:5px 5px 10px 5px; border-bottom:1px solid #BFD1DD; border-top:1px solid #FFFFFF;}

/**** breadcrub ****/
#breadcrumbContainer{height:28px; border-bottom:1px solid #B1C8DD; background: #ffffff url('../images/global/breadcrumb/bg.gif') top left repeat-x;}
#breadcrumb{width:410px; padding:3px 0 0 10px; color:#5A84B0;}

/**** right nav ****/
#rightNavContainer{float:right; display:inline; width:182px; font-size:11px; padding-top:40px;} /* update top padding to make sure coordinating items title aligns with the top of the border around the product image */

/**** left nav ****/
#leftNavContainer{width:188px; padding-bottom:15px; float:left;}
/** leftNavGlobal :: "shop by" nav **/
#leftNavGlobal{padding:0 0 15px 0;}
#leftNavGlobal div.shop a{width:173px; height: 20px; display: block; font-size:11px; font-weight:bold; color:#5A84B0; text-decoration:none; letter-spacing: -0.05em; background:#ffffff url('../images/global/leftnav/globalbgoff.gif') top left no-repeat; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 15px;}
#leftNavGlobal div.shop a:hover{width:173px; height: 20px; display: block; font-size:11px; font-weight:bold; color:#5A84B0; text-decoration:none; letter-spacing: -0.05em; background:#ffffff url('../images/global/leftnav/globalbgon.gif') top left no-repeat; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 15px;}
/* level 1 */
#leftNavGlobal .leftnavOff a{width:173px; height: 20px; display: block; font-size:11px; color:#A06C5F; text-decoration:none; letter-spacing: -0.05em; background:#ffffff url('../images/global/leftnav/pinktier2off.gif') top left no-repeat; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 15px;}
#leftNavGlobal .leftnavOff a:hover{width:173px; height: 20px; display: block; font-size:11px; color:#A06C5F; text-decoration:none; letter-spacing: -0.05em; background:#ffffff url('../images/global/leftnav/pinktier2on.gif') top left no-repeat; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 15px;}
#leftNavGlobal .leftnavOn a, #leftNavGlobal .leftnavOn a:hover{width:173px; height: 20px; display: block; font-size:11px; color:#A06C5F; text-decoration:none; letter-spacing: -0.05em; background:#ffffff url('../images/global/leftnav/pinktier2on.gif') top left no-repeat; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 15px;}
/* level 2 */
#leftNavGlobal .leftnavT2Off a{width:153px; height: 20px; display: block; font-size:11px; color:#A06C5F; text-decoration:none; letter-spacing: -0.05em; background:#ffffff url('../images/global/leftnav/pinktier3off.gif') top left no-repeat; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 35px;}
#leftNavGlobal .leftnavT2Off a:hover{width:153px; height: 20px; display: block; font-size:11px; color:#A06C5F; text-decoration:none; letter-spacing: -0.05em; background:#ffffff url('../images/global/leftnav/pinktier3off.gif') top left no-repeat; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 35px;}
#leftNavGlobal .leftnavT2On a{width:153px; height: 20px; display: block; font-size:11px; color:#A06C5F; text-decoration:none; letter-spacing: -0.05em; background:#ffffff url('../images/global/leftnav/pinktier3on.gif') top left no-repeat; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 35px;}
#leftNavGlobal .leftnavT2On a:hover{width:153px; height: 20px; display: block; font-size:11px; color:#A06C5F; text-decoration:none; letter-spacing: -0.05em; background:#ffffff url('../images/global/leftnav/pinktier3on.gif') top left no-repeat; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 35px;}
/* tier 2  GREEN */
#leftNav{color:#438030;}
#leftNav a{color:#438030;}
.leftNav2Off a{width:173px; height: 20px; display: block; font-size:11px; font-weight:bold; color:#438030; text-decoration:none; letter-spacing: -0.05em; background:#ffffff url('../images/global/leftnav/greentier2off.gif') top left no-repeat; margin: 0px 0px 7px 0px; padding: 3px 0px 0px 15px;}
.leftNav2Off a:hover{width:173px; height: 20px; display: block; font-size:11px; font-weight:bold; color:#438030; text-decoration:none; letter-spacing: -0.05em; background:#ffffff url('../images/global/leftnav/greentier2on.gif') top left no-repeat; margin: 0px 0px 7px 0px; padding: 3px 0px 0px 15px;}
.leftNav2On a, .leftNav2On a:hover{width:173px; height: 20px; display: block; font-size:11px; font-weight:bold; color:#438030; text-decoration:none; letter-spacing: -0.05em; background:#ffffff url('../images/global/leftnav/greentier2on.gif') top left no-repeat; margin: 0px 0px 7px 0px; padding: 3px 0px 0px 15px;}
/* tier 3  GREEN*/
.leftNav3Off a{width:153px; height: 20px; display: block; font-size:11px; color:#438030; text-decoration:none; letter-spacing: -0.05em; background:#ffffff url('../images/global/leftnav/greentier3off.gif') top left no-repeat; margin: 0px 0px 7px 0px; padding: 3px 0px 0px 35px;}
.leftNav3Off a:hover{width:153px; height: 20px; display: block; font-size:11px; color:#438030; text-decoration:none; letter-spacing: -0.05em; background:#ffffff url('../images/global/leftnav/greentier3on.gif') top left no-repeat; margin: 0px 0px 7px 0px; padding: 3px 0px 0px 35px;}
.leftNav3On a, .leftNav3On a:hover{width:153px; height: 20px; display: block; font-size:11px; color:#438030; text-decoration:none; letter-spacing: -0.05em; background:#ffffff url('../images/global/leftnav/greentier3on.gif') top left no-repeat; margin: 0px 0px 7px 0px; padding: 3px 0px 0px 35px;}

/* Baby Images */
#leftNavImage{width:185px; height:157px; border: 1px solid #9AB4CF; background-color:#C0D4EA; text-align:center; padding-top:2px;}

/**** BEGIN:  FOOTER ****/
#footerContainer{width:974px; clear:both; background:#ffffff;}
#footerNav{float: left; padding-top:10px;}
#footerNav a, #footerNav a:hover{font-size:11px; text-decoration:none; }
#footerNav a{color:#438030;}
#footerNav a:hover{color:#705945;}
.footerNavDivider{width:1px; height:14px; margin:0 12px 0 12px;}
#footerJuvenile{float:right; height:33px;}
#copyrightContainer{clear:both; width:974px; height:34px; padding-top: 5px; color:#8C8C8C; font-size:10px; border-top:1px solid #87BA79;}
#copyright{float:left;}
#beaconInfo{float:right;}
#beaconInfo a{color:#8C8C8C;}
#footerDisclaimer{margin:10px 19px 0 19px; padding-bottom:10px; font-size:10px;}
#footerDisclaimer p{font-size:10px;}
/**** END:  FOOTER ****/

/**** site map module ****/
#sitemap{margin-left:20px;}
#sitemap a, #sitemap a:visited, #sitemap a:active{text-decoration:none;}
#sitemap a:hover{text-decoration:underline;}
.sitemapTitle{font-size:13px; font-weight:bold;}
.sitemap1{margin-left:20px;}
.sitemap2{font-size:11px; margin-left:20px;}

/************ END:  TIER 2 CONTENT ************/

/************ BEGIN:  HEADER ************/
#headerContainer{position:absolute; top:0; width:980px; voice-family:"\"}\""; voice-family:inherit; margin-left:1px;}
html > body #headerContainer{margin-left:0px;}

/**** header ****/
#header{width:980px; height:51px; margin: 5px 0 0 0;}
#logo{width:398px; height:51px;}

/**** utility nav ****/
#utilityNavContainer{width:auto; float:right; margin:0px 0px 0px 0px; text-align:right; color:#438030; font-size:11px;}
#utilityNavContainer a{color:#438030; text-decoration:none;}
#utilityNavContainer a:hover{color:#705945; text-decoration:none;}
#utilityNavTopRow{text-align:right;}
#utilityNavBottomRow{padding-top:9px;}
#utilityNavBottomRow label{vertical-align:middle;}
.headerSearchField{height:15px; width:150px; border:1px solid #87BA79; background-color:#ffffff; font-size:10px; color:#bbbbbb; padding:0 5px 0 5px; vertical-align:middle;}
.headerSearchSubmit{vertical-align:top;}
.utilityNavDivider{width:1px; height:14px; margin:0 10px 0 10px;}

/**** top nav ****/
#topNavContainer{width:980px; height:32px; background:url("../images/global/topNav/topNav_bg.gif") top left no-repeat;}
#topNav{}

/************ END:  HEADER ************/

/************ BEGIN:  PRINT ************/
#printHeader{display:none;}
#pageTitleContainer{display:none;}
#pageTitle{display:none;}
/************ END:  PRINT ************/

/************ BEGIN:  HOME ************/
.homepage{} 
.homepage #footnote{width:730px; text-align:center; color:#5A84B0; font-size:11px; letter-spacing: -0.01em; padding: 25px 15px 10px 15px; background: #D6E3F1 url('../images/global/home/impactFootnotebg.gif') top left repeat-x}
.homepage #left{float: left; margin:20px 0px 0px 0px;}
.homepage #mid{float: left; margin: 20px 0px 0px 100px;}
.homepage #right{float: right; margin: 20px 0px 0px 0px;}
/* BEGIN:  SEO Content switchcontent function */
#homeSEOContent{position:absolute; margin-top:610px; width:980px; margin-left:0px; padding-bottom:10px; clear:both;}
#homeSEOContent #switchcontent{width:100%;}
#homeSEOContent #switchcontent .headingContainer{cursor:pointer; margin-bottom:8px; font-size:10px;  color:#8C8C8C;}
#homeSEOContent #switchcontent .headingContainer .icon{float:left; position:relative; top:3px; padding-right:5px;}
#homeSEOContent #switchcontent .expanded-content{padding-left:12px; font-size:11px; color:#8C8C8C;}
#homeSEOContent #switchcontent .expanded-content a{color:#8C8C8C; text-decoration:underline;}
#homeSEOContent #switchcontent .expanded-content a:hover{color:#705945; text-decoration:underline;}
#homeSEOContent #switchcontent .expanded-content p{margin:0; padding:0 0 8px 0;}
/* END:  switchcontent function */
/************ END:  HOME ************/

/************ BEGIN:  TREE MENU ************/
#faqs{}
#faqs h2{margin:0 0 0 0; font-size:11px;}
.treeview ul{margin:0; padding:0; width:500px;}
/*Style for LI elements in general (excludes an LI that contains sub lists)*/
.treeview li{list-style-type:none; padding-left:16px; margin:0 0 6px -40px;}
.treeview li img{vertical-align:top;}
/* Style for LI that contains sub lists (other ULs). */
.treeview li.submenu{background:url("../images/global/tree_menu/plus.gif") no-repeat 0 5px; cursor: hand !important; cursor: pointer !important;}
/*Style for ULs that are children of LIs (submenu) *//*Hide them by default. Don't delete. */
.treeview li.submenu ul{display:none;}
/*Style for LIs of ULs that are children of LIs (submenu) */
.treeview .submenu ul li{margin-left:-15px; cursor:default;}
/************ END:  TREE MENU ************/

/************ BEGIN:  FORMS ************/
form{padding:0; margin:0; display:inline;}
.required{color:#CC6600; font-weight:bold; font-size:10px;}
.response{font-weight:bold; color:#C47031;}
.instructions{font-weight:bold; color:#666666; font-size:10px;}
.error{width:730px; text-align:center; margin:6px 0px 6px 0px; padding:3px; font-weight:bold; color:#990B08; clear:both;}
#content table.formTable td{vertical-align:top; padding:0 5px 15px 5px;}
#content table.formTable td.formHeading{vertical-align:top; padding:15px 5px 5px 5px;}
#content .label{text-align:right;}
#content .labelL{text-align:left;}
#content input.field{height:14px; font-size:10px; background:#ffffff; border: 1px solid #cccccc;}
#content input.radio{ margin-left:0; margin-right:0; margin-top:0; padding:0; vertical-align:middle;}
html > body #content input.radio{vertical-align:bottom;}
#content textarea{font-size:12px; background:#ffffff; border: 1px solid #cccccc;}
#content textarea.field{font-size:12px; background:#ffffff; border: 1px solid #cccccc;}
#content input.check_box{vertical-align:middle; margin-top:-3px;}
html > body #content input.check_box{margin-top:-1px;}
#content select{height:14px; font-size:9px; background:#ffffff; border:1px solid #cccccc;}
html > body #content select{height:17px;}
#content .example{font-size:9px;}
.formButton{margin:0 10px 0 10px;}
/* form container */
.formContainer{clear:both; width:558px; margin-bottom:15px;}
html > body .formContainer{padding-right:1px;}
.formContainer .title{height:21px; margin-bottom:10px; padding-left:16px; font-size:10px;}
.formContainer table{width:100%; text-align:left;}
.formContainer table td{padding:3px;}
#catalogHeader{text-align:center; width:500px;}
#catalogHeader .error{width:500px; margin-bottom:0px;}
/************ END:  FORMS ************/

span.hidden{display:none}