body
{
  background: #76a6d7 url(../images/background.jpg) repeat-x top;
  text-align: center;
  font-family: Trebuchet MS, Helvetica, Sans-Serif;
  font-size: small;
  line-height: 1.5em;
}
a { color: #4573b3; text-decoration: none; }
a:hover { color: #2f4d80; }
hr { border: none; border-top: solid 1px #e3e3e3; height: 0px; clear: both; }

.page {
  text-align: left;
  margin: 0 auto;
  width: 910px;
}
#header {
  height: 114px;
  position: relative;
}
.nuby #header #logo {
  position: absolute;
  left: -10px;
  top: 15px;
}
.drTalbots #header #logo {
  position: absolute;
  left: -10px;
  top: 0px;
}
.naturalTouch #header {
  background: url(../images/ntHeaderBack.gif) no-repeat right top;
}
#WLSearchBoxPlaceholder {
  position: absolute;
  background: url(../images/searchBox.png) no-repeat;
  height: 55px;
  width: 215px;
}
.naturalTouch #WLSearchBoxPlaceholder {
  top: 38px;
  right: 7px;
}
.nuby #WLSearchBoxPlaceholder, .drTalbots #WLSearchBoxPlaceholder {
  top: 42px;
  right: -5px;
}

#WLSearchBoxInput {
  border: solid 1px #cccccc;
  position: absolute;
  top: 16px;
  left: 17px;
  padding: 2px;
  width: 140px;
}
#WLSearchBoxButton {
  position: absolute;
  right: 17px;
  top: 16px;
}

#navContainer {
  height: 35px;
  background: url(../images/navSeperator.gif) no-repeat right;
}
#nav {
  margin: 0;
  padding: 0;
}
#nav li.mainNav {
  list-style: none;
  margin: 0;
  float: left;
  padding: 0;
  position:relative; 
  z-index:500;
  background: url(../images/navSeperator.gif) no-repeat left;
}
#nav li.mainNav a.mainNav {
  display: block;
  height: 35px;
  line-height: 35px;
  width: 130px;
  text-align: center;
  color: #666;
}
#nav li.mainNav a.mainNav:hover, #nav li.hovering {
  background: #2f4d80 url(../images/navHover.gif) no-repeat;
  color: #fff;
}
.mega {
  display: none;
  position: absolute;
  left: 0px;
  background: #2f4d80;
  color: #fff;
  padding: 10px;
}
.mega th {
  background: #859bbe url(../images/megaHead.gif) repeat-x top;
  height: 35px;
  line-height: 35px;
  font-weight: bold;
  font-size: 125%;
  padding: 0 10px;
  width: 150px;
  text-align: left;
  
  border-left: solid 1px #4668a3;
  border-right: solid 1px #2a3e61;
}
.mega th a {
  color: #0f2b5b;
}
.mega td {
  border-left: solid 1px #4668a3;
  border-right: solid 1px #2a3e61;
  background: #38578b url(../images/megaColumn.gif) no-repeat top center;
  padding: 15px 10px;
  line-height: 2em;
}
#brandsDrop {
  width: 490px;
}
#brandsDrop .column
{
  height: 255px;
}
#nav li.hovering div.mega {
  display: block;
}

.mega li {
}
.mega li a {
  color: #fff;
}
.mega li a:hover {
  text-decoration: underline;
}
/*
#nav ul {
  position:absolute;   
  left:0;   
  display:none;   
  margin:0 0 0 -1px;   
  padding:0;   
  list-style:none;
}
#nav ul li {
  float: left;
}
#nav ul li a {
  height: 29px;
  line-height: 29px;
  background: #2f4d80 url(../images/navSub.gif) no-repeat;
  color: #9d9d9d;
}
#nav ul li a:hover {
  background: #143265 url(../images/navSubHover.gif) no-repeat;
  color: #fff;
  font-weight: bold;
}*/

#breadcrumb, #breadcrumb a {
  padding-top: 5px;
  height: 20px;
  line-height: 20px;
  font-size: 95%;
  text-align: right;
  color: #4573b3;
}
#breadcrumb a:hover {
  color: #fff;
}
#scroller {
  width: 960px;
  height: 330px;
  margin: 0 auto;
}
#content2Col1 {
  background: url(../images/content2ColBack.gif) repeat-y left;
}
#content2Col2 {
  background: url(../images/content2ColBottom.jpg) no-repeat bottom left;
}
#content2Col3 {
  background: url(../images/content2ColTop.gif) no-repeat top left;
  min-height:570px;
  height:auto !important;
  height:570px;
  position: relative;
}
#content1Col1 {
  background: url(../images/content1ColBack.gif) repeat-y left;
}
#content1Col2 {
  background: url(../images/content1ColBottom.jpg) no-repeat bottom left;
}
#content1Col3 {
  background: url(../images/content1ColTop.gif) no-repeat top left;
  min-height:570px;
  height:auto !important;
  height:570px;
  position: relative;
}
#leftColumn {
  float: left;
  padding: 17px 18px 10px 17px;
  width: 295px;
  min-height:680px;
  height:auto !important;
  height:680px;
}
#rightColumn {
  float: right;
  padding: 9px 9px 10px 9px;
  width: 552px;
}
#mainColumn {
  padding: 9px 9px 8px 9px;
}
#emailPage {
  height: 77px;
  padding-left: 10px;
  clear: both;
  line-height: 30px;
}

#emailPage a {
  display: block;
  background: url(../images/email.gif) no-repeat center left;
  padding-left: 25px;
  color: #919191;
  font-size:90%;
}
#emailPage a:hover {
  color: #2f4d80;
}

#leftFlair, #rightFlair {
  width: 300px;
  height: 500px;
  position: absolute;
  bottom: 0px;
}
#leftFlair {
  left: -300px;
}
#rightFlair {
  right: -300px;
}

.rightContentBuffer {
  padding: 8px 9px  0px 8px;
}
#bottomContent1 {
  background: #ededee url(../images/bottomContent.gif) repeat-x top;
}
#bottomContent2 {
  padding: 20px 0;
  text-align: center;
}

#footer1 {
  background: #f1f1f2 url(../images/footer.gif) repeat-x top;
  height: 220px;
}
#footer2 {
  position: relative;
}
#bottomNav {
  border-right: solid 1px #999999;
  position: absolute;
  top: 20px;
}
#bottomNav li {
  float: left;
  padding: 0 10px;
  list-style-type: none;
  border-left: solid 1px #999999;
}
#bottomNav li a {
  text-decoration: none;
  color: #999999;
  text-transform: uppercase;
  font-size: 85%;
}
#bottomNav li a:hover {
  color: #2f4d80;
}
#up {
  position: absolute;
  top: 15px;
  right: 0px;
}
#copyright {
  position: absolute;
  color: #808080;
  top: 40px;
}
.clear {
  clear: both;
}
.buffer {
  padding: 8px;
}
#emailPageTrigger {
 cursor: pointer;
}

.modal { 
    display:none; 
 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 20px #ccc; 
    -webkit-box-shadow: 0 0 20px #ccc; 
} 
 
.modal h3 { 
}

/* Email Page */
#emailDialog {
  background: #FFFFFF;
  padding: 10px;
  text-align: left;
  width: 585px;
}
#email_left {
  float: left;
  width: 194px;
  height: 449px;
  padding: 18px;
  background: url(../images/email_left_back.gif) no-repeat top left;
}
#email_left .info {
  padding: 12px 0;
  line-height: 1.25em;
  color: #fff;
  font-size: 110%;
}
#email_left .info .sendFriend {
  color: #3f44a0;
  display: block;
  font-size: 150%;
  font-weight: bold;
  line-height: 1.2em;
}
#email_left .info em {
  font-size: 80%;
}

#email_right {
  float: right;
  width: 301px;
  height: 431px;
  padding: 22px;
  padding-top: 33px;
  background: url(../images/email_right_back.gif) no-repeat top right;
}
#emailDialog .close {
	background-image:url(../images/dialog_close.gif);
	position:absolute;
	top: 25px;
	right: 25px;
	cursor:pointer;
	height:21px;
	width:21px;
}
#email_right label {
  color: #ff5000;
  font-size: 90%;
  font-style: italic; 
}
#email_right input, #email_right textarea {
  width: 100%;
  border: solid 1px #d7d7d7;
  margin-bottom: 10px;
}

#email_right .button {
  width: auto;
  float: right;
}

/* Front Page */
.frontImage{
  padding-bottom: 21px;
  background: url(../images/frontShadow.gif) center bottom;
}
.frontBrands {
  width: 600px;
  height: 385px;
  background: #c6c6c6 url(../images/frontBrandsBack.gif) no-repeat top;
  float: left;
  position: relative;
  padding: 5px 10px 10px 10px;
}
.frontBrands h2{
  height: 45px;
  line-height: 45px;
  color: #383838;
  padding: 0px 5px;
  font-size: 120%;
  font-weight: normal;
}
.brandTabs {
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	height:100px;
}
.brandTabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}
.brandTabs a { 
	background: url(/images/brandTabsBack.gif) no-repeat 0px -200px;
	display:block;
	height: 100px;  
	width: 200px;
	padding:0px;
	margin:0px;	
	position:relative;
	cursor: pointer;
}
.brandTabs a:hover {
	background-position: 0px -100px;	
}
.brandTabs a.current, .brandTabs a.current:hover, .brandTabs li.current a {
	background-position: 0px 0px;	
	cursor: default !important; 
}
.brandPanes div {
	display:none;		
  width: 540px;
  height: 221px;
  padding: 10px 30px 10px 30px;
  background: url(/images/brandTabsBack.gif) no-repeat center bottom;
}
.brandPanes div h3 {
  font-size: 115%;
  font-weight: normal;
  color: #6887ad;
  line-height: 2em;
}
.brandPanes div p {
  color: #4c4c4c;
  margin-bottom: .5em;
}

.brandPanes a.toBrand {
  position: absolute;
  left: 30px;
  bottom: 25px;
  display: block;
  height: 36px;
  color: #fff;
  font-weight: bold;
  background: url(/images/toBrandBtn.gif) no-repeat left 0px;
  padding-left: 12px;
}
.brandPanes a.toBrand span {
  display: block;
  height: 36px;
  line-height: 36px;
  padding-right: 40px;
  background: url(/images/toBrandBtn.gif) no-repeat right 0px;
}
.brandPanes a.toBrand:hover {
  background-position: left -36px;
  
}
.brandPanes a.toBrand:hover span {
  background-position: right -36px;
}



.followUs {
  width: 220px;
  height: 390px;
  background: #6887ad url(../images/followUsBack.gif) no-repeat top;
  float: right;
  padding: 5px 15px;
}
.followUs h2 {
  height: 45px;
  line-height: 45px;
  color: #fff;
  padding: 0px 5px;
  margin-bottom: 7px;
  font-size: 120%;
  font-weight: normal;
}
.followUs p {
  padding: 5px 10px;
  color: #fff;
}

/* Catalog */
.article {
  width: 522px;
  height: 176px;
  background: url(../images/articleModule.jpg) no-repeat top;
  position: relative;
  margin: 6px;
}
.article a {
  display: block;
  width: 522px;
  height: 176px;
}
.article img {
  position: absolute;
  top: 12px;
  left: 15px;
}
.article span {
  position: absolute;
  top: 20px;
  left: 282px;
  color: #58585a;
  font-size: 110%;
}
.article p {
  position: absolute;
  top: 37px;
  left: 282px;
  color: #939598;
  width: 210px;
  font-size: 95%;
}
.article span.more {
  display: block;
  position: absolute;
  top: 143px;
  left: 430px;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
}

/* Talbots */
.talbotsContainer1 {
  background: url(/images/talbotsBack.jpg) no-repeat center bottom;
  margin-bottom: -5px;
}
.talbotsContainer2 {
  background: url(/images/talbotsHeader.jpg) no-repeat center top;
  padding: 427px 420px 60px 60px;
}
.talbotsContainer2 h1 {
  color: #102651;
  font-size: 190%;
  font-weight: normal;
  line-height: 1.25em;
}
.talbotsContainer2 span.tagline {
  color: #416392;
  font-size: 120%;
  display: block;
  margin-bottom: 45px;
}

.talbotsTabs {
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	height: 30px;
}
.talbotsTabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin: 0;
	list-style-image:none !important; 
}
.talbotsTabs a { 
	background: #6e89aa;
	color: #fff;
	display:block;
	height: 30px;  
	width: 110px;
	padding:0px;
	margin:0px;	
	cursor: pointer;
	line-height: 30px;
	text-align: center;
}
.talbotsTabs a:hover {
	background: #416392;	
}
.talbotsTabs a.current, .talbotsTabs a.current:hover, .talbotsTabs li.current a {
	background: #416392;	
	font-weight: bold;
	cursor: default !important; 
}
.talbotsPanes div {
  position: relative;
  height: 450px;
  padding-top: 25px;
  color: #fff;
  font-size: 115%;
}
.talbotsPanes img.photo {
  position: absolute;
  left: 483px;
  top: -120px;
}
.talbotsPanes div h2 {
  font-size: 125%;
  font-weight: normal;
  color: #0d234e;
  line-height: 1.5em;
}
.talbotsPanes div span {
  color: #416392;
  font-size: 115%;
}
.talbotsPanes div p {
  margin-bottom: 1em;
}
.talbotsPanes ul {
  list-style: disc;
  margin-left: 1.5em;
  color: #416392;
}
.talbotsPanes hr {
  background-color: #839db9;
  color: #839db9;
  height: 1px;
}
.talbotsPanes div span.testimonial {
  color: #416392;
  font-size: 80%;
  position: relative;
  top: -1em;
}


/* Category */
.featured {
  height: 50px;
  padding: 8px;
  text-align: right;
  position: relative;
  margin-top: 8px;
}
.nuby .featured {
  background: url(../images/featuredBackNuby.gif) no-repeat  bottom;
}
.naturalTouch .featured {
  background: url(../images/featuredBackNT.gif) no-repeat  bottom;
}
.featured .text {
  position: absolute;
  color: #fff;
  left: 12px;
  top: 17px;
  font-size: 115%;
}
.featured .tag {
  position: absolute;
  color: #bfe0ff;
  left: 12px;
  top: 35px;
  font-size: 90%;
}
.featured img {
  margin-left: 5px;
}
.filteredHead {
  color: #a3a3a3;
}
.naturalTouch .filteredHead {
  color: #666666;
}
.categoryHead {
  margin: 6px;
  margin-bottom: 0;
  height: 63px;
  position: relative;
  line-height: 63px;
  padding: 0 15px;
}
.nuby .categoryHead {
  background: #a5a5a5 url(../images/catHeader.gif) repeat-x left top;
}
.naturalTouch .categoryHead {
  background: #a5a5a5 url(../images/catHeader.gif) repeat-x left -63px;
}

.categoryHead h1,
.categoryHead h2 {
  color: #fff;
  font-size: 200%;
  font-weight: normal;
}
.categoryHead img.bpaFree {
  position: absolute;
  top: 2px;
  right: 5px;
}
h2.categorySubtitle {
  color: #3b3d74;
  font-size: 150%;
  font-weight: normal;
  border-bottom: solid 1px #cfcfcf;
  padding: 10px 10px 15px 10px;
  margin: 0 10px;
}
.contentHighlighted {
  padding-top: 35px;
  background: #e6e6e6 url(../images/greyFade.gif) repeat-x top;
  overflow: auto;
}
.moreCatProducts {
  clear: both;
  text-align: right;
  position: relative;
  height: 41px;
}
.moreCatProducts a {
  position: absolute;
  right: 0;
  display: block;
  height: 41px;
  width: 82px;
  line-height: 38px;
  color: #fff; 
  background: url(../images/more.gif) no-repeat;
  text-align: center;
  padding-right: 20px;
}

/* Products */
#sideHead {
  padding: 18px 0 0 12px;
  background: #efefef url(../images/categoryBtnBack.gif) repeat-x  top;
  margin-bottom: 3px;
}
#sideHead h2, #sideHead h1 {
  color: #2e315b;
  font-size: 200%;
  font-weight: normal;
  padding-bottom: 10px; 
}
#sideHead .subtitle {
  display: block;
  color: #4573b3;
  font-size: 100%;
  line-height: 1em;
  padding-bottom: 15px; 
}
#categoryList li {
  min-height: 60px;
  margin-bottom: 3px;
  background: url(../images/categoryItemBack.gif) no-repeat;
}
#categoryList li a {
  display: block;
  padding: 5px;
  position: relative;
}
#categoryList li:hover, #categoryList li.selected {
  background-position: left -70px;
}
#categoryList li a .thumb {
  height: 60px;
  width: 60px;
}

#categoryList li.selectedWithLinks:hover, #categoryList li.selectedWithLinks {
  background-position: left -140px;
}


#categoryList li .catLinks {
  padding: 10px 5px;
  position: absolute;
  left: 65px;
  top: 5px;
}

#categoryList li span {
  display: block;
  padding: 0 10px;
  font-size: 90%;
  color: #818181;
}
#categoryList li .name {
  color: #303030;
  font-size: 110%;
}
.selectedSubcat {
}

#categoryList li.selectedWithLinks {
  display: block;
  padding: 5px;
  position: relative;
  background: #dfdfdf url(../images/categoryBtnSelected.gif) repeat-x top;
}
#categoryList li.selectedWithLinks .catThumb {
  min-height: 60px;
}
#categoryList li.selectedWithLinks .catLinksSelected {
  background: #dfdfdf url(../images/catLinksSelected.gif) repeat-x top;
  margin-left: 60px;
  padding: 5px;
  min-height: 50px;
}
#categoryList li.selectedWithLinks .catLinksSelected a {
  height: 21px;
  padding: 0 10px;
  line-height: 21px;
  background: transparent none;
  color: #4573b3;
}
#categoryList li.selectedWithLinks .catLinksSelected a:hover,
#categoryList li.selectedWithLinks .catLinksSelected a.selectedSubcat {
  font-weight: bold;
  color: #305282;
  background: #cecece url(../images/selectedSubcat.gif) repeat-x top;
}
#categoryList li.selectedWithLinks .name {
  padding: 5px 0px 10px 0px;
}
#categoryList li.selectedWithLinks .name a {
  color: #303030;
  font-size: 110%;
  background: url(../images/catSelectedLine.gif) repeat-x left bottom;
  padding: 0px 10px 10px 10px;
}
#categoryList li.selectedWithLinks .name a:hover {
  font-weight: bold;
  color: #303030;
  background: url(../images/catSelectedLine.gif) repeat-x left bottom;
}

/*#categoryList li.selected ul {
  border-top: solid 1px #dfdfdf;
  background: #d8d8d8;
  padding: 0;
  margin: 0;
}
#categoryList li.selected ul li {
  height: 21px;
}


#categoryList li.selected ul li a {
  background: #d8d8d8;

  border-bottom: solid 1px #d0d0d0;
  height: 29px;
  line-height: 29px;
  display: inline;
  line-height: 1.75em;
  background-image: none;
  height: auto;
  width: auto;
  color: #4573b3;
  padding-left: 24px;
}
#categoryList li.selected ul li a:hover {
  text-decoration: underline;
}
*/

.contentGrid{
  background: #e6e6e6;
}
#productPager {
  border: solid 1px #d7d7d7;
  line-height: 28px;
  height: 28px;
  background: url(../images/productPagerBack.gif) repeat-x top;
  text-align: right;
  margin-bottom: 5px;
  clear: both;
}
#productPager ul.pager {
  float: right;
}
#productPager ul.pager li {
  float: left;
}
#productPager ul.pager li a {
  display: block;
  height: 20px;
  color: #a0a0a0;
  padding: 0 .25em;
}
#productPager ul.pager li a:hover {
  color: #507bb7;
  text-decoration: underline;
}
#productPager ul.pager li span.active {
  color: #507bb7;
  padding: 0 .25em;
}
#productPager ul.pager li a.arrow {
  margin: 0;
  width: 12px;
  height: 28px;
  background: url(../images/prevNext.gif) no-repeat;
}
#productPager ul.pager li a.arrow span {
  display: none;
}
#productPager ul.pager li a.previous {
  background-position:-48px 4px;
}
#productPager ul.pager li a.previous:hover {
  background-position:-72px 4px; 
}
#productPager ul.pager li a.next {
  background-position:0 4px;
}
#productPager ul.pager li a.next:hover {
  background-position:-24px 4px;
}
#productPager ul.pager li span.hl {
  background: url(../images/prevNext.gif) no-repeat -96px 4px;
  display: block;
  width: 1px;
  height: 28px;
  margin: 0 10px 0 5px;
}

#productGrid {
  clear: both;
}

#productGrid li {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
#productGrid li.end {
  margin-right: 0;
}
#productGrid li a {
  position: relative;
  display: block;
  height: 210px;
  width: 175px;
  background: url(../images/productButton.jpg) no-repeat top;
  color: #5a5b5d;
  font-size: 90%;
}
#productGrid li a:hover {
  background-position: left -210px;
}
#productGrid li a img {
  position: absolute;
  top: 1px;
  left: 7px;
}
#productGrid li a span.attribute1 {
  position: absolute;
  display: block;
  width: 160px;
  left: 10px;
  top: 125px;
  color: #5b83bb;
  font-size: 90%;
}

#productGrid li a span.attribute2 {
  position: absolute;
  display: block;
  width: 65px;
  left: 105px;
  top: 187px;
  color: #888888;
  font-size: 90%;
  overflow: hidden;
}

#productGrid li a span.age {
  position: absolute;
  display: block;
  width: 125px;
  left: 10px;
  top: 187px;
  color: #888888;
  font-size: 90%;
}

#productGrid li a span.name {
  position: absolute;
  display: block;
  width: 155px;
  left: 10px;
  top: 142px;
  color: #666666;
}
#productGrid li a span.name1 {
  position: absolute;
  display: block;
  width: 155px;
  left: 10px;
  top: 127px;
  color: #666666;
}

.contentFrame1{
  background: url(../images/contentFrameBack.gif) repeat-y left;
}
.contentFrame2{
  background: url(../images/contentFrameBottom.gif) no-repeat bottom;
}
.contentFrame3{
  background: url(../images/contentFrameTop.gif) no-repeat top;
  padding: 18px;
}
.contentBuffer {
  padding: 10px 20px;
  line-height: 2em;
}
.contentBuffer h1 {
  color: #42447a;
  font-size: 170%;
  font-weight: normal;
}
.contentBuffer p {
  color: #838282;
  margin-bottom: 1em;
}

.productHead {
  min-height: 50px;
  border-bottom: solid 1px #d7d7d7;
  position: relative;
}
.productHead h1 {
  width: 450px;
}
.productHead span {
  color: #4573b3;
}
.productHead img.bpaFree {
  position: absolute;
  right: -10px;
  top: -8px;
}
.sizes {
  line-height: 1.25em;
}
.sizes span {
  display: block;
  color: #4573b3;
  font-style: italic;
}
#features {
  background: #e6e6e6;
  text-align: right;
  padding: 10px 25px;
  line-height: 0;
  position: relative;
}
#features span {
  position: absolute;
  left: 25px;
  top: 30px;
  font-style: italic;
  color: #939598;
}
#features img {
	border:0;
	cursor:pointer;
  margin-left: .5em;
}
.featureTip { 
    display:none; 
    background:transparent url(../images/tooltip.png); 
    height:90px; 
    width:218px; 
    padding:25px; 
    color:#838282;
    text-align: left;
    line-height: 1.5em; 
}
.featureTip strong {
  color: #5b83bb;
  font-size: 110%;
  font-weight: normal;
}
.buyNow {
  clear: both;
  text-align: right;
  position: relative;
  height: 47px;
  padding-top: 12px;
}
.buyNow a {
  position: absolute;
  right: 0;
  display: block;
  height: 47px;
  width: 100px;
  line-height: 42px;
  color: #fff; 
  background: url(../images/buyNow.gif) no-repeat;
  text-align: center;
  padding-right: 32px;
  text-transform: uppercase;
}



.slideControl{
  background: url(../images/slideControlsBack.gif) no-repeat top;
  height: 39px;
  padding: 0 15px;
  position: relative;
  line-height: 39px;
}
.slideControl a {
  display: inline-block;
  height: 18px;
  width: 18px;
  background: #a9cfe2;
  color: #003366;
  line-height: 18px;
  text-align: center;
}
/* mouseover state */
.slideControl a:hover {
  background: #daeaf3;
  color: #003366;
}

/* active state (current page state) */
.slideControl a.current {
  background: #daeaf3;
  color: #003366;
}
.slideControl a span {
  display: none;
}
.slideControl #playPause {
  display:block;
  position: absolute;
  top: 0px;
  right: 11px;
  height: 39px;
  width: 25px;
  overflow: hidden;
}
.slideControl .play {
  background: url(../images/playPause.gif) no-repeat -20px -176px;
}
.slideControl .play:hover {
  background: url(../images/playPause.gif) no-repeat -20px -254px;
}
.slideControl .pause {
  background: url(../images/playPause.gif) no-repeat -20px -20px;
}
.slideControl .pause:hover {
  background: url(../images/playPause.gif) no-repeat -20px -98px;
}
.slideControl .tabList {
  position: absolute;
  right: 45px;
}
.slideControl .altImagesText {
  position: absolute;
  left: 25px;
  font-style: italic;
  color: #fff;
}

.naturalTouch .slideControl{
  background: url(../images/slideControlsBackNT.gif) no-repeat top;
}
.naturalTouch .slideControl a {
  background: #d3d4d6;
  color: #999999;
}
/* mouseover state */
.naturalTouch .slideControl a:hover {
  background: #eaebeb;
  color: #666666;
}
/* active state (current page state) */
.naturalTouch .slideControl a.current {
  background: #eaebeb;
  color: #666666;
}
.naturalTouch .slideControl .play {
  background: url(../images/playPauseNT.gif) no-repeat -20px -176px;
}
.naturalTouch .slideControl .play:hover {
  background: url(../images/playPauseNT.gif) no-repeat -20px -254px;
}
.naturalTouch .slideControl .pause {
  background: url(../images/playPauseNT.gif) no-repeat -20px -20px;
}
.naturalTouch .slideControl .pause:hover {
  background: url(../images/playPauseNT.gif) no-repeat -20px -98px;
}


.panes {
  position: relative;
  height: 325px;
}
.panes img {
  display:none;
	position:absolute;
	top: 18px;
}

.tabs {
  display:block;
  height: 220px;
  background: url(../images/tabBack.gif) no-repeat bottom center;
  padding: 0 18px;
}
.tabs li {
  float: left;
}
.tabs li a {
  display: block;
  height: 29px;
  width: 129px;
  color: #4573b3;
  font-weight: bold;
  line-height: 29px;
  text-align: center;
  background: url(../images/tab.gif) no-repeat top center;
}
.tabs li a:hover,
.tabs li a.current {
  background: url(../images/tabSelected.gif) no-repeat top center;
}

.thumbnailTabs {
  display:block;
  height: 130px;
  background: url(../images/thumbnailTabsBack.gif) repeat-x;
  margin-top: 5px;
  padding-left: 8px;
}

.thumbnailTabs li {
  float: left;
  background: url(../images/thumbnailTab.gif) no-repeat top center;
}

.thumbnailTabs li a {
  display: block;
  height: 45px;
  width: 130px;
  color: #4573b3;
  font-weight: bold;
  line-height: 45px;
  text-align: center;
  padding-top: 85px;
  background-attachment:fixed;
}

.thumbnailTabs li:hover,
.thumbnailTabs li.current {
  background: url(../images/thumbnailTabSelected.gif) no-repeat top center;
}

.tabText {
  color: #5b83bb;
}

/* Store Locator */
.onlineRetailers {
  padding: 5px 5px 10px 5px;
  border-bottom: solid 1px #d0d0d0;
  color: #666666;
  margin: 5px 10px;
}
.onlineRetailers h2 {
  color: #4573b3;
  font-size: 170%;
}

.retailer {
  display: block;
  width: 523px;
  height: 79px;
  margin: 6px;
  background: url(../images/retailerBack.jpg) no-repeat top center;
  position: relative;
}
.retailer span {
  display: none;
}
.retailer img {
  position: absolute;
  top: 12px;
  left: 22px;
}
.locationForm p {
  margin-bottom: .5em;
}
.locationForm input.text {
  width: 100%;
  border-top: solid 1px #acacac;
  border-left: solid 1px #d9d9d9;
  border-bottom: solid 1px #e9e9e9;
  border-right: solid 1px #d9d9d9;
  padding: 3px;
}
.locationForm label {
  color: #4573b3;
  text-transform: uppercase;
  font-size: 90%;
}
.locationForm .submit {
  width: auto;
}
.zipBox {
  padding: 25px 10px 40px 10px;
  border-top: solid 2px #dedede;
  background: url(../images/locationOr.gif) no-repeat bottom center;
}
.addressBox {
  padding: 12px 10px 25px 10px;
  border-bottom: solid 1px #c7c7c7;
}
.distanceBox {
  padding: 12px 10px 15px 10px;
  border-bottom: solid 1px #c7c7c7;
}
.locationSearchBox {
  padding: 12px 10px 15px 10px;
  text-align: right;
}
.searchTerms {
  padding: 5px 5px 10px 5px;
  border-bottom: solid 1px #d0d0d0;
  color: #666666;
  margin: 5px 10px;
}
.searchTerms span {
  color: #2e315b;
  font-size: 170%;
}
.searchTerms strong {
  color: #000;
}
.infoWindow {
  text-transform: capitalize;
}
.infoWindow h3 {
}
#storeList {
  padding-left: 6px;
}
#storeList li {
  display: block;
  width: 523px;
  height: 139px;
  position: relative;
  background: url(../images/storeButton.gif) no-repeat top center;
  cursor:pointer;
}
#storeList li .number {
  position: absolute;
  top: 20px;
  left: 25px;
  color: #f15a24;
  font-size: 125%;
}
#storeList li .distance {
  position: absolute;
  top: 23px;
  left: 60px;
  color: #4573b3;
}
#storeList li .address {
  position: absolute;
  top: 55px;
  left: 25px;
  text-transform: capitalize;
}
.infoWindow h3,
#storeList li .address h3 {
  font-size: 145%;
  color: #464646;
  font-weight: normal;
  
}
#storeList li .phone {
  position: absolute;
  top: 57px;
  right: 25px;
}

/* Contact Page */
.contactSection {
  padding: 10px 15px 0px 15px;
  color: #4573b3;
}
#contactAddress {
  position: relative;
  background: url(../images/contactBox1.gif) no-repeat top center;
  height: 144px;
  color: #666666;
  font-size: 90%;
}
#contactAddress label {
  color: #4573b3;
  text-transform: uppercase;
  margin-right: .5em;
  font-weight: bold;
}
#contactAddress #contactAddressLeft {
  position: absolute;
  top: 25px;
  left: 40px;
  width: 200px;
}
#contactAddress #contactAddressRight {
  position: absolute;
  top: 25px;
  right: 40px;
  width: 200px;
}
#contactFields {
  position: relative;
  background: url(../images/contactBox2.gif) no-repeat top center;
  height: 144px;
}
#contactFields label {
  color: #f9763a;
  font-style: italic;
  font-size: 90%;
  margin-right: .5em;
}
#contactFields input {
  border: solid 1px #d7d7d8;
  padding: 3px;
  width: 98%;
}
#contactFields #contactFieldsLeft {
  position: absolute;
  top: 25px;
  left: 40px;
  width: 200px;
}
#contactFields #contactFieldsRight {
  position: absolute;
  top: 25px;
  right: 40px;
  width: 200px;
}
#contactMessage {
  background: url(../images/contactBox3.gif) no-repeat top center;
  height: 354px;
  padding: 25px 30px;
  height: 304px;
}
#contactMessage textarea {
  height: 98%;
  width: 98%;
  padding: 3px;
  border: solid 1px #d7d7d8;
}
.contactButton {
  text-align: right;
  padding: 10px  15px;
  color: #4573b3;
}
.other_email_label, .other_email {
    display: none;
}
.field-validation-error {
  color: red;
  font-weight: bold;
  font-style: italic;
  font-size: 90%;
}

.contentBuffer1Column {
  padding: 8px 9px 2px 8px;
  overflow: auto;
}

#parentingTips {
  background: url(../images/parentingTipsBack.jpg) no-repeat top center;
}
#parentingTips div.header {
  height: 180px;
  padding: 40px 0 0 30px;  
}
#parentingTips div.header h1 {
  color: #fff;
  font-size: 170%;
  font-weight: normal;
  line-height: 1.5em;
}
#parentingTips div.header p {
  color: #163644; 
  width: 415px;
}
.tipButton {
  display: block;
  height: 220px;
  width: 423px;
  border: solid 1px #cbcbcb;
  background: #fff url(../images/tipBack.gif) repeat-x top; 
  margin: 0 0 6px 8px;
  position: relative;
  float: left;
}
.tipButton img {
  position: absolute;
  top: 8px;
  left: 8px;
}
.tipButton h2 {
  position: absolute;
  top: 22px;
  left: 170px;
  color: #006adf;
  font-size: 150%;
  font-weight: normal;
  cursor: pointer;
}
.tipButton p {
  position: absolute;
  top: 46px;
  left: 170px;
  color: #2e315b;
  width: 235px;
  font-size: 90%;
  cursor: pointer;
}

.learningBuffer {
  padding: 10px;
}
.learningBuffer .header {
  position: relative;
  height: 75px;
  background: url(../images/contentHeader.gif) no-repeat top center;
}
.learningBuffer .header h1 {
  color: #fff;
  position: absolute;
  top: 20px;
  left: 15px;
  font-size: 180%;
  font-weight: normal;
}
.learningBuffer .header span {
  color: #2e315b;
  position: absolute;
  top: 45px;
  left: 15px;
  font-weight: bold;
}
.learningBuffer .header img {
}
.learningBuffer .content {
  color: #959595;
  padding: 20px 10px;
}
.learningBuffer .content p {
  line-height: 1.5em;
  margin-bottom: 1em;
}
.learningBuffer .content h2 {
  color: #15185b;
  font-size: 125%;
  line-height: 1.5em;
}
.learningBuffer .content h3 {
  color: #4573b3;
  font-size: 115%;
  line-height: 1.5em;
}
.learningBuffer .content img {
  padding-left: 10px;
}
.learningBuffer .content img.left {
  padding: 5px 10px 5px 0;
}
.learningBuffer .content .imgBox {
  width: 185px;
  background: url(../images/contentHeader.gif) no-repeat bottom;
  float: left;
  margin: 5px 10px 5px 0;
}
.learningBuffer .content .imgBox img {
  padding: 0;
}
.learningBuffer .content .imgBox span {
  display: block;
  height: 50px;
  padding-top: 10px;
  text-align: center;
  color: #fff;
}
.learningBuffer .content .info {
  color: #464646;
  font-size: 105%;
}
.learningBuffer .content .info span {
  color: #4573b3;
  font-size: 110%;
}
.learningBuffer .content .step {
  color: #464646;
}
.learningBuffer .content strong {
  color: #464646;
}
.learningBuffer .content ul {
}
.learningBuffer .content ul li {
  list-style: disc;
  margin-left: 17px;
  margin-bottom: 1em;
}
.learningBuffer .content ol li {
  list-style: upper-alpha;
  margin-left: 2em;
  margin-bottom: 1em;
}
span.validation-error {
  color: red;
  font-size: 90%;
  margin-left: 1em;
}
.aboutHeader {
  border-bottom: solid 1px #c5c5c5;
  padding-bottom:  10px; 
  margin-bottom: 5px;
}
.aboutHeader h1 {
  color: #6989c2;
}
.aboutHeader span {
  font-size: 110%;
  color: #646464;
}
#jobsHeader {
  height: 150px;
  background: url(../images/jobs_hdrBack.gif) top center;
  padding: 0 14px;
}
#jobsHeader h1 {
  border-bottom: solid 1px #707495;
  background: url(../images/bigArrow.gif) no-repeat 3px 10px ;
  line-height: 26px;
  color: #fff;
  padding: 10px 37px;
  font-size: 135%;  
  font-weight: normal;
}
#jobsHeader p {
  margin: 10px 0 0 0;
  padding: 3px;
  color: #bfe0ff;
  font-size: 90%;
}
#jobsHeader em {
  color: #4573b3;
  font-style: italic;
  padding: 3px;
  font-size: 90%;
}
.jobBox1 {
  background: url(../images/jobBoxBottom.gif) no-repeat bottom;
  margin-bottom: 5px;
}
.jobBox2 {
  background: url(../images/jobBoxTop.gif) no-repeat top;
  padding: 60px 30px 20px 30px;
  position: relative;
}
.jobBox2 a {
  display: block;
  cursor: pointer;
}
.jobBox2 h2 {
  position: absolute;
  top: 22px;
  left: 50px; 
  color: #464646;
  font-size: 125%;
  font-weight: normal;
}
.jobBox2 .date {
  position: absolute;
  color: #517cb8;
  top: 25px;
  right: 32px;
  font-size: 85%;
}
.jobBox2 p {
  color: #707070;
  font-size: 95%;
}
.jobPosting {
  padding: 20px;
}
.jobPosting h1 {
  padding-left: 28px;
  background: url(/images/jobPostingArrow.gif) no-repeat left bottom;
  color: #464646;
  font-size: 160%;
  font-weight: normal;
}
.jobPosting h3 {
  color: #464646;
  font-size: 110%;
}

.jobPosting h3 {
}
.jobPosting p {
  margin-bottom: 1em;
  color: #707070;
}
.jobPosting strong {
  color: #464646;
}
.jobPosting a { color: #4573b3; text-decoration: none; }

/* Support */
.supportBox {
  width: 275px;
  height: 300px;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-bottom: 10px;
}
.supportBox h2 {
  height: 75px;
  color: #fff;
  line-height: 75px;
  padding-left: 75px;
  font-size: 130%;
}
.supportBox p {
  color: #2e315b;
  padding: 12px 18px 0px 18px;
  font-size: 98%;
  font-weight: bold;
}
.supportBox p span {
  color: #506ab2;
  font-size: 103%;
}
.supportBox a {
  position: absolute;
  top: 250px;
}
.supportHead {
  margin: 6px;
  margin-bottom: 0;
  height: 65px;
  position: relative;
  line-height: 65px;
  padding: 0 15px;
  background: #a5a5a5 url(../images/supportHeader.jpg) repeat-x left top;
}
.supportHead h1 {
  color: #fff;
  font-size: 200%;
  font-weight: normal;
}
.recall {
  padding: 0px 10px;
  position: relative;
}
.recall .recallDate {
  display: block;
  height: 35px;
  line-height: 35px;
  color: #fff;
  background: url(/images/recallDateBack.gif) repeat-x top;
  font-size: 110%;
  padding: 0px 10px 10px 10px;
  margin: 0:
}
.recall h2 {
  padding: 0px 10px;
  color: #3a3a3a;
  font-size: 180%;
  font-weight: normal;
  margin-bottom: .25em;
}
.recall h3 {
  padding: 0px 10px;
  color: #2d968f;
  padding-bottom: 1em;
}
.recall p {
  padding: 0px 10px;
  color: #5e5e5e;
  margin-bottom: 1.5em;
}
.document {
  padding: 20px;
}
.document h1 {
  font-size: 150%;
  margin-bottom: 1em;
}
.document h2 {
  font-size: 120%;
  margin-bottom: 1em;
}
.document p {
  margin-bottom: 1em;
}
.document ul {
  margin-left: 1.5em;
  list-style: disc;
  margin-bottom: 1em;
}