@charset "UTF-8";
/* CSS Document */

/* --- YUI CSS RESET --- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

/* --- The below restores some sensible defaults - EJS --- */
strong { font-weight: bold; }
em { font-style: italic; }
ol, ul, li { list-style:none; }
p { padding-bottom: 0.75em; }
* a { position:relative; } /* Gets links displaying over a PNG background */
a { outline:none; } /* Gets rid of Firefox's dotted borders */
a img { border:none; } /* Gets rid of IE's blue borders */
/* --- END CSS RESET --- */

/* TLC - Type Layout Color */
/* -------------------------------- */
/* General Styles*/
body { font: 12px/1.4 Verdana, Arial, sans-serif; text-align: center; color: #333;
       padding: 0 10px; position: relative; border-top: 10px solid #D8D8D8;
       background: #D8D8D8 url(http://lib.store.yahoo.net/lib/bestbuybaby/background.gif) repeat-y top; }

A:link { color: #333; text-decoration: none; }
A:visited { color: #666; text-decoration: none; }
A:hover { color: #FF3300; }
A:active { color: #333; outline: none; }

h1 { line-height: 1.5em; font-family: Georgia, "Times New Roman", serif; font-size: 1.417em; }
h2 { line-height: 1.417em; }
h3 { line-height: 1.417em; }

#mainContainer { text-align: left; 
                 width: 850px; padding: 0; margin: 0 auto; position: relative;
                 background-color: #FFF; }

#logo { float: left; clear: left;  width: 182px; height: 30px; margin: 30px 0 5px 10px; display: inline; }
/* -------------------------------- */



/* -------------------------------- */
/* General Styles for the Home Page */
#hp-content-well { width: 850px; float: left; margin-bottom: 20px; }

#hp-content-well #medela { float: right; width: 366px; }

/* The following are styles for all items in the Brand block (#hp-brands) */
/* 850 (width of page) - 393 (carousel) - 20px (margin-right of carousel) = 437px -incorrect */
#hp-content-well #hp-brands { float: right; width: 366px; margin-bottom: 0px;} /* contains the top brands and shop by brand sections */

#hp-content-well #shopByBrand { border-top: 3px solid #e8e8e8; padding-top: 5px; }
#hp-content-well #shopByBrand, #hp-content-well #brandNav { float: left;  width: 366px; }
#hp-content-well #shopByBrand #brandNav select { float: left; clear: left; width: 200px;  }
#hp-content-well #shopByBrand h2 { float: left; position: relative; margin-right: 10px; }

#hp-content-well #featuredBrands { float: left; clear: left; width: 366px; }
#hp-content-well #featuredBrands h3 { font-size: 0.833em; color: #999; }
#hp-content-well #featuredBrands ul { float: left; width: 366px; }
#hp-content-well #featuredBrands li { float: left; width: 122px; margin: 0; padding: 0; display: inline; }


#homepage #catNav { border-top: none; }
#homepage #header { margin-bottom: 5px; } /* kill the margin below #header so that Shop by Category lines up with Shop by Brand on inner pages */
#homepage #clearance .contents-preview-row { border-top: 3px solid #e8e8e8; }
/* -------------------------------- */




/* -------------------------------- */
/* General Styles for the General Information Page */
.genInfo p { font-size: 0.917em; }
.genInfo H2 A { color: #333; text-decoration: none; } // Takes care of the anchor link styling
.genInfo A {text-decoration: underline; }
.genInfo H1 { margin-bottom: 10px; }  
.geninfo p H2 { padding:0; margin: 0;}
.genInfo h2 { width: 680px; float: left;
              border-top: 1px solid #CCC;  font-size: 1.167em; font-family: Georgia, "Times New Roman", serif; 
              padding-top:5px; margin-bottom: 5px;  } 



/* -------------------------------- */
/* General Styles for the Header */
#header { float: left; width: 850px; margin: 10px 0 10px 0; padding: 0;
          background: #1CABEF url(http://lib.store.yahoo.net/lib/bestbuybaby/headerBg.jpg) no-repeat top left; }
#header select.frminput { margin: 10px 0 0 0; padding: 0; width: 144px; float: left; clear: left;  }

#header #announcement { float: left; color: #333; background-color: #FFFF01; padding: 15px 20px 20px 20px; width: 810px; text-align: center;  font-family: Georgia, "Times New Roman", serif; font-size: 2em; }

/* -------------------------------- */



/* -------------------------------- */
/* General Styles for the Header Nav */
#headerNav { width: 850px; float: left; padding: 6px 0; margin: 0px;
             background-color: #FFF; border-bottom: 3px solid #e8e8e8; }
#headerNav a { text-transform: uppercase; font-weight: bold; text-decoration: none; font-size: 0.833em; color: #666; }
#headerNav li.shoppingCart { padding-right: 26px; margin-right: 5px;  
                             border-right: none; background: url(http://lib.store.yahoo.net/lib/bestbuybaby/shopping-cart.gif) no-repeat top right; }
#headerNav ul { float: right; width: 650px; margin-top: 1px; }
#headerNav li { float: left; margin: 0 0 0 12px; padding: 0 15px 0 0; display: inline;
                background: url(http://lib.store.yahoo.net/lib/bestbuybaby/verti-divider.gif) no-repeat 100% 55%;}
#headerNav #src { float: left; }
#headerNav #src input { border: 1px solid #CCC; padding: 2px; font-size: 0.833em; }
#headerNav #src input.go-btn { font-weight: bold; text-transform: uppercase; 
                               border: none; background-color: #FF3300; color: #FFF;  }
/* -------------------------------- */



/* -------------------------------- */
/* General Styles for the Utility Nav */
#utilNav { float: left; width: 600px; margin-top: 7px; }
#utilNav ul { float: left; width: 600px; }
#utilNav li { float: left; margin: 0 10px 0 0; padding: 0 10px 0 0;
              background: url(http://lib.store.yahoo.net/lib/bestbuybaby/verti-divider-999.gif) no-repeat 100% 55%; }


#utilNav a { font-size: 0.75em; letter-spacing: ;  text-decoration: none; 
             color: #999; display: block; }
#utilNav a:hover { color: #FF3300; text-decoration: underline;} 
#utilNav li.lastItem { background: none; }
/* -------------------------------- */



/* -------------------------------- */
/* General Styles for section page template */
.subcat-viewMore { }
.subcat-viewMore img { float: left; width: 211px; margin-right: 15px;}
/* -------------------------------- */



/* -------------------------------- */
/* General Styles for the Category Nav */
#catNav { border-top: 3px solid #e8e8e8; padding-top: 5px; }
#catNav h2, #brandNav h2 { font-size: 1.167em; font-family: Georgia, "Times New Roman", serif; 
                           margin-bottom: 5px; }
#catNav .category-title A { font-size: 0.917em; }
#catNav a:hover { text-decoration: underline; }

/* These are styles for when the nav is full width */
#catNav { width: 850px; float: left; margin-bottom: 20px; }
#catNav .menu { float: left; margin: 0 10px 0 0; width: 111px; padding: 0;  display: inline; } /* contains the ul and li */

#catNav .category-title.active A { color: #FF3300; text-decoration: underline;}
#catNav .section-title A { font-size: 0.833em; text-transform: uppercase; font-weight: bold;
                           color: #0066CC; text-decoration: none; }
#catNav ul { float: left;  width: 111px;  } /* 850 - 70 (left padding of 10px for each menu) divide by 7 ~ 111 */
#catNav li { float: left; width: 100%;  }

/* These are styles for when the nav is a quarter width */
#leftCol { float: left; width: 150px; margin-right: 20px; }

#leftCol #catNav { width: 150px; margin-bottom: 5px; float:left; }
#leftCol #catNav .menu ul { padding: 0 0 15px 0; }
#leftCol .menu { margin-left: 10px; width: 130px; }

#leftCol #yahooBadge { float: left; width: 150px; border-top: 3px solid #CCC; }
#leftCol #yahooBadge img { margin: 10px 0 0 10px;}

#brandNav { width: 150px; margin-bottom: 15px;  }
#brandNav .frminput { font-size: 0.833em; width:150px; border: 1px solid #CCC; padding: 3px;}
/* -------------------------------- */




/* -------------------------------- */
/* General Styles for the crumbtrail */
#crumbtrail { font-size: 0.75em; margin: 0 0 10px 0; padding: 0; width: 680px; color: #999; }
#crumbtrail a { text-decoration: none; color: #999; }
#crumbtrail a:hover { color: #333; }
/* -------------------------------- */



/* -------------------------------- */
/* General Styles for content div */
#content .fullWidth { float: left; width: 850px; } /* Originally had #content.fullWidth but IE6 screws up (once again!) parsing.*/
#content .halfWidth { float: right; width: 680px; } /* Resolved this issue by nesting a div (#content) within a div (.halfWidth) */
/* -------------------------------- */



/* -------------------------------- */
/* General Styles for the footer */
#footer { font-size:0.833em; float: left; width: 850px; margin: 20px 0; background-color: #FFF; }
#footerNav { float: right; padding: 6px 0; margin: 0px; background-color: #FFF; }
#footerNav a { font-weight: bold; text-decoration: none; }
#footerNav li.shoppingCart { padding-right: 26px; margin-right: 5px;  
                             border-right: none; background: url(http://lib.store.yahoo.net/lib/bestbuybaby/shopping-cart.gif) no-repeat top right; }
#footerNav ul { float: left; }
#footerNav li { float: left; margin: 0 0 0 15px; padding: 0 15px 0 0;
                background: url(http://lib.store.yahoo.net/lib/bestbuybaby/verti-divider.gif) no-repeat 100% 55%;}
#footerNav li.lastItem { background: none; } 
/* -------------------------------- */



/* -------------------------------- */
/* General Styles for the product's caption */
#productSummary { width:360px; float: right; margin-bottom: 10px;}
/* #productSummary h1 { font-family: Georgia, "Times New Roman", serif; font-size: 1.417em; } */
#productSummary .order select { font-size: 0.917em; border: 10px solid #DFDCDC; 
                                width: 360px; padding: 0px; margin-bottom: 10px; }
#productSummary .caption { font-size: 0.917em; line-height: 1.5em; }
#productSummary .list-price { color: #666;  margin-bottom: 10px; }
#productSummary .price { color: #666; margin-bottom: 10px; }
#productSummary .order-btn input { font-weight: bold; text-transform: uppercase; font-size: 1em;
                                   padding: 2px 5px; 
                                   background: #FF3300; color: #FFF; border: 0; }
#productSummary .product-code { color: #999;}
#productSummary .availability { color: #999; margin-bottom: 10px; }
#productSummary H2.message { font-weight: bold; }
#productSummary H2.urgent { color: #ff3300; font-weight: bold; font-size: 1.167em; }
#productSummary .caption a, #container .caption a { color: #ff3300; }
/* -------------------------------- */



/* -------------------------------- */
/* General Styles for the product's abstract */
.abstract { font-size: 0.833em; 
            width: 360px; float: right; margin-top: 60px;
            border-top: 1px solid #999;  padding-top: 5px; }
.abstract h2 { font-size: 1.4em; font-family: Georgia, "Times New Roman", serif;
               padding-left: 18px;  margin-bottom: 5px;
               background: url(http://lib.store.yahoo.net/lib/bestbuybaby/star-bg.gif) center left no-repeat; }
/* restoring some resets */
/* #content .halfWidth .abstract ul, #content .abstract li ... should we add this back into the bottom? */
#content .halfWidth li, #content .halfWidth ul {
	          list-style-type: disc;
              list-style-image: url(http://lib.store.yahoo.net/lib/bestbuybaby/bullet.gif);
	          list-style-position: outer;
			  margin-left: 1em; 
			  line-height: 1.33em;
			  margin-bottom: .33em }


/* -------------------------------- */



/* -------------------------------- */
/* General Styles for Related Items */
#related-items { float: left; clear: left; } /* check this 12-17 */
#related-items h3 { font-size: 1.167em; font-family: Georgia, "Times New Roman", serif;
                    padding-left: 23px; margin-bottom: 5px;
                    background: url(http://lib.store.yahoo.net/lib/bestbuybaby/tie-bg.gif) center left no-repeat; }
#related-items .relatedListing-row { margin-bottom: 20px; }
#related-items .relatedListing-item { width: 121px; margin: 10px 15px 10px 0; }

#related-items .halfWidth { float: left; width: 300px; clear: left; border-top: 1px solid #999; padding-top: 5px;  }
#related-items .halfWidth .relatedListing-row { float: left;  width: 300px; }
#related-items .halfWidth .relatedListing-item { float: left;  margin-right: 25px; } /* +10px to original margin in order to balance out white space */

#related-items .fullWidth { float: right; width: 680px; clear: left; border-top: 1px solid #999; padding-top: 5px;  }
#related-items .fullWidth .relatedListing-row { float: left;  width: 680px; }
#related-items .fullWidth .relatedListing-item { float: left;  }
/* -------------------------------- */



/* -------------------------------- */
/* General Styles for Small Listing Class - individual product preview */
.smallListing { float: left; width: 121px; margin-right: 15px; display: inline;  }
.smallListing { font-size: 0.833em; }
.smallListing-title { font-weight: bold; line-height: 1.417em;} 

.smallListing .img-outer-container { border: 1px solid #e8e8e8; margin-bottom: 10px; } /* faking a border bc of IE */
.smallListing img { width: 113px; height: auto; border: 3px solid #FFF; margin: 0;  }
/* -------------------------------- */



/* -------------------------------- */
/* General Styles for the product images */
.productImages { width: 300px; float: left; margin-bottom: 20px; } /* The container for the product's image gallery */
.productImages .product-main-image { float: left; width: 300px; margin-bottom: 20px; }
.productImages .product-main-image img #imgLink { width: 300px; height: auto; } 
.productImages .product-main-image a { display: block; }
.productImages .product-main-image a img#enlarge-icon { border: 2px solid white; border-bottom: 0px; border-left: 0; position: absolute; bottom: 0; left: 0px; } 
.productImages .inset { width: 300px; }

/* -------------------------------- */



/* -------------------------------- */
/* General Styles for the category and subcategory templates */
.contents-header, .contents-preview-row { float: right; width: 680px; margin-bottom: 20px;  padding-top: 5px; border-top: 1px solid #999;  }
.contents-header h2 { font-size: 1.167em; font-family: Georgia, "Times New Roman", serif; float: left; width: 680px; margin-bottom: 15px; }

.contents-preview-row h2 { font-size: 1.167em; font-family: Georgia, "Times New Roman", serif; float: left; width: 600px; margin-bottom: 15px; }
.contents-preview-row .view-more { font-size: 0.75em; margin-top: 0px; float: right; }
.contents-preview-row .view-more a{ display: block; font-weight: bold; text-decoration: none;
                                    padding: 2px 4px; background-color: #ff3300; color: #FFF; }
.contents-preview-row .view-more a:hover { text-decoration: none; background-color: #ff3300; }

.contentsListing-row { float: right; width: 680px; margin-bottom: 20px; }
/* -------------------------------- */



/* -------------------------------- */
/* General Styles for Clearance */
#clearance { float: left; width: 850px; }
#clearance .contents-preview-row { float: left; width: 850px;  margin-bottom: 20px; }
#clearance .contents-preview-row h2 { width: 750px; }
#clearance .smallListing { margin-right: 20px; }
/* -------------------------------- */