@charset "UTF-8";
/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
}
/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */

body {
  background-color: #00ACEE;
  color: #2a2d2e;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  line-height: 14px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
  
  }
  
   /* font-size: 11px;Sets the margin properties for an element using shorthand notation (top, right, bottom, left)  #3e4245; */
   /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
   /* Centers the page content container in IE 5 browsers. */


/* Commonly used to style page titles. */

h1 {
	color: #00ACEE; 
	font-size: 14px;
	margin: 0px;
	border-bottom:3px double #00ACEE;
}

.header_h1 {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	line-height: 14px;
	position: absolute;
	top: -200px;
}




/* Commonly used to style section titles. */

h2 {
	color: #00ACEE; 
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	border-bottom:3px double #00ACEE;	
}

 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13PX;
	color: #00ACEE;
	margin: 0px;
	padding: 0px;
	top: 20px;
	left: 10px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11PX;
	color: #0045BF;
}


.links_webpages  {

  a:link; 
  color: #00ACEE;
  text-decoration: underline;

  a:visited; 
  color: #00ACEE;
  text-decoration: underline;
  
  a:hover; 
  color:#F87EB9;
  text-decoration: underline;

  a:focus; 
  color: #00ACEE;
  text-decoration: underline;
  
  a:active; 
  color: #00ACEE;
  text-decoration: underline;
  border-bottom-color:#999999;
  

}

  


/* This is a container for the page content. It is common to use the container to constrain the width of the page content and allow for browser chrome to avoid the need for horizontal scrolling. For fixed layouts you may specify a container width and use auto for the left and right margin to center the container on the page. IE 5 browser require the use of text-align: center defined by the body element to center the container. For liquid layouts you may simply set the left and right margins to center the container on the page. */


#outerWrapper {
	background-color: #fff; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: 750px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#outerWrapper #header {
	font-size: 18px;
	font-weight: bold;
	background-color: #FFFFFF;
	background-image: url(../images/header_guardiansleeper.gif);
	background-repeat: no-repeat;
	height: 130px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0px;
	background-position: center center;
	margin-top: 0px;
	}
	
	/* Search box holding the search form */
	
	.searchbox {
	display: inline;
	float: right;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
	.searchbox input {
	border:2px double #90DAF8;	
	}
	
/* This is the css code the navigantion top bar code font-size: 10px;*/	
	
#outerWrapper #navbar {
	visibility: visible;
	top: 137px;
	width: 730px;
	height: 42px;
	background-color: #F87EB9;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	
	
   }
 




/* End code   This is the css code the navigantion top bar code font-size: 10px;*/	

#outerWrapper #contentWrapper #leftColumn1 {
	background-color:#F87EB9;
	/* #FFFFFF;Sets the right border properties for an element using shorthand notation */
	float: left; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 101px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	background-repeat: no-repeat;
	display: inline;
}

.rndtop {
	height: 16px;
	width: 101px;
	background-image: url(../images/top_sidebar.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;	
}

.rndbottom {
background-color: #FFFFFF;
		
}


#sideNav{
	width: 100px;
	display: inline;	
}

#sideNav ul {
	list-style:none;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;		
}



 #sideNav a:link {
  color:  #FFFFFF;
  text-decoration: none;
}


#sideNav a:visited {
  color:  #FFFFFF;
  
  text-decoration: none;
}


#sideNav a:hover {
  color:  #00ACEE; 
  text-decoration: underline;
}


#sideNav a:focus {
  color: #00ACEE;
}


#sideNav a:active {
	color:  #0045BF;
}


#sideNav li {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
	padding-left: 10px;
	word-spacing: 0px;
	list-style-position: inside;
	padding-bottom: 0px;
	padding-top: 10px;
	line-height: 40px;
	font-style: normal;
	font-weight: bold;
}



/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */

#outerWrapper #contentWrapper #content {
	padding: 10px;  /*Sets the padding properties for an element using shorthand notation (top, right, bottom, left #999999;)  */
	width:600px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 116px;
	background-color:#ffffff;
	position:relative;
	height: auto;
	
}


#content2 {
	background-color:#BC67A2;
	width: 400px;
	height: 280px;
	left: 10px;
	top: 170px;
	background-image: url(../images/baby_guardiansleeper.gif);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 3;
	

}
 
#content.imageRight {
	float:right;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 444px;
	position: relative;
	padding: 0px;
}

#content br {
	margin: 0px;
	padding: 0px;
}

#content2  ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 0px;
	line-height: 2.3em;
	display: inline;
	height:1%;
	position: absolute;
	left: 140px;
}

#content2 ul li a {
	text-decoration: none;
	color: #fff;
	border-right-color: #FFFFFF;
	padding-top: 2em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 0.8em;
}

#emblem {
	width: 156px;
	height: 190px;
	position:absolute;
	left: 390px;
	top: 148px;
	z-index: 2;	
}

#babyimage {
	width: 156px;
	height: 190px;
	position:absolute;
	left: 455px;
	top: 10px;
	
}

#content3 {
	width: 210px;
	height:160px;
	background-color: #FFFFFF;
	position:absolute;
	left: 410px;
	top: 270px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
}

#content3 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0053F1;
	
	padding-left: 5px;
	background-color: FFFFFF;
	padding-top: 30px;
}


/* This is the CSS code for the Index page  page font-weight: bold;  */

#index_page {
width:600px;
height:470px;


}


/* This is the CSS code for the Index page  page  */





/* This is the CSS code for the Shopping cart page  page  */

#shoppingcart_page {
width:600px;
height:auto;


}


#shoppingcart_page h2 {
	font-size: 14px;

}

/* This is the CSS code for the Shopping cart page  page  */



/* This is the CSS code for the contact us page  */

#contactrightfloat {
float:right;
width:350px;
height:420px;
background-color:#FFFFFF;
background-image:url(../images/contact_us.gif)
}

#contactleftfloat {
float:left;
width:240px;
height:420px;
background-color:#FFFFFF;
}


#contactleftfloat h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #0045BF;
	;
	margin-top: 30px;
	margin-bottom: 30px;
}

#contactleftfloat h3 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	color: #00ACEE;
}

#contactleftfloat p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #0045BF;
	
}


/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */

.clearFloat {
	clear: both;
	display: block;
}

.clearFloat2 {
clear:left;	
display: block;
}



 #footer_navcontainer ul

{

	list-style-type: none;
	text-align: left;
	margin-top: 0;
	margin-right: 0em;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;

	

}



#footer_navcontainer ul li {

	display: inline;
	margin-right: 3em;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;

}



#footer_navcontainer ul li a

{

	text-decoration: none;
	padding: .2em 1em;
	color: #fff;
	border-right-color: #FFFFFF;

}



#footer_navcontainer ul li a:hover {
color: #00ACEE;
}



/* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */

#outerWrapper #footer {
	background-color: #F87EB9; 
	background-image: url(../images/footer.gif);
	height: 100px;
	background-repeat: no-repeat;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-top: 10px;
}


#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0045BF;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	margin-top: 5px;
	margin-left: 550px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#footer p  a:link, #footer p a:visited {
color:#FFFFFF;

}

#footer img {
	float:left;
	margin-top: 5px;
	margin-bottom: 80px;
	margin-left: 470px;
	padding-right:10px;
}




/* Turn off borders on image links */
img {
	border:0;
	margin: 0px;
	padding: 0px;
}




/* The end of the tagline css code */

.telephone_number {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #00ABF2;
	width: 130px;
	display: inline;
	position: relative;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 3em;
	margin-left: 10px;	
}


    





/* Start of code for contact page form  */

.contactform {
	width: 310px;
	position: relative;
	top: 70px;
	left: 60px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF99CC;
}

.contactform .text {
	background: #FF99CC;
	padding: 2px;
	width: 130px;
	border: 2px solid #0045BF;
	
}

.contactform p label {
	width: 40px;
	font-weight: bold;
	margin-right: 50px;
}
 
/* code for the form select element textarea element and submit button  */

#content .selectsubject {
	background-color:#FF99CC;
	display: block;
	margin-left: 80px;
	border: 2px solid #0045BF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;    
}

#content .selectsubject2 {
	background-color:#FF99CC;
	display: block;
	margin-left: 80px;
	border: 2px solid #0045BF;
    
}

#content .selectsubject3 {
	background-color:#FF99CC;
	display: block;
	margin-left: 80px;
	border: 2px solid #0045BF;
    
}


#contactleftfloat table {
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#contactleftfloat table h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #0045BF;
} 


.error_failed {
	color: #FF0000;
}


/* code for contact page form  */





/* Start of code for the Testimonial page  */


#testimonial {
	
	background-image:url(../images/tedy1.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-color:#ffffff;
	width:600px;
	height: auto;
	float:left;
}


#testimonialfloatleft {
	float:left;
	width: 250px;
	height:400px;
	background-color:#FFFFFF;
	background-image:url(../images/tedy1.gif);
	background-repeat: no-repeat;
	background-position: 20px bottom;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#testimonialfloatright {
	float:right;
	width: 250px;
	height:400px;
	background-color:#FFFFFF;
	background-image: url(../images/tedy2.gif);
	background-repeat: no-repeat;
	background-position:  top;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px
}


#testimonial P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #0045BF;
	;
}


.testimonialBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #F87EB9;
}

/* code for the Testimonial page  */


/* Start for code for the Help page  */

#help {
	width:600px;
	background-color:#FFFFFF;
	background-image:url(../images/bear.gif);
	background-repeat: no-repeat;
	background-position: 350px 70px;
	height:auto;
}

#help ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0045BF;
	padding-top: 0px;
	line-height: 2.5em;
	height:1%;
	left: 50px;
	top: 100px;
}

#help ul li {
	list-style-image: url(../images/babyemblemcopy8.gif);
	color: #0045BF;
	margin-left: 70px;
}


#help ul li a {
	text-decoration: none;
	color: #0033CC;
	border-right-color: #FFFFFF;
	padding-top: 2em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 0.8em;
}


#help a:visited {
  color: #0033CC;
  font-weight: bold;
  text-decoration: none;
}

/* Sets the style for links on mouseover. */
#help a:hover {
  color:#F87EB9;
  text-decoration: underline;
}

/* Sets the style for a link that has focus. */
#help a:focus {
  color:#0033CC;
}

#helpblue {
	background-color: #ffffff;
	display: block;
	height: 350px;
	width: 600px;
		
}

#helppink {
	background-color: #ffffff;
	display: block;
	height:auto;
	width: 500px;
	padding-left: 80px;
}

.helph3_pink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #CC33CC;
	
	
}



/* End for code for the Help page #FF0000; */







/* Start for code buy locally  */



#buy_locally2 {
	background-image:url(../images/stalkbaby.gif);
	background-repeat: no-repeat;
	background-position: 240px 30px;
	background-color:#ffffff;
	width:600px;
	height: auto;	
}

.buy_locally2h2 {
	padding-left: 20px;
}

#buylocallyfloatleft2 {
	float:left;
	width: 250px;
	height: auto;
	background-color:#ffffff;
	background-position: 10px 30px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 20px;
}


#buy_locally p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #0045BF;
	
}

.buylocallyform {
	width: 210px;
	position: relative;
	top: 70px;
	left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF99CC;
}



.buylocallyform p label {
	width: 40px;
	font-weight: bold;
	margin-right: 10px;
	
}
 
/* code for the form select element textarea element and submit button  */

#content .selectcountry {
	background-color:#FF99CC;
	display: block;
	width:150px;
	border: 2px solid #0045BF;
	margin-top: 20px;
	margin-bottom: 20px;     
}

#content .selectstate {
	background-color:#FF99CC;
	display: block;
	width:150px;
	border: 2px solid #0045BF;
	margin-top: 20px;
	margin-bottom: 20px;    
}

#content .selectlocal {
	background-color:#FF99CC;
	display: block;
	border: 2px solid #0045BF;
	margin-top: 80px;    
}


/* End for code buy locally  */





/* Start of the fitting Help page  */

#fitting_help{
	background-color:#ffffff;
	width:600px;
	float: left;		
			
}

#fitting_help h3 {
	margin-bottom: 20px;
	clear:both;
	
	
}

 .image_float {
	float:left;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 30px;
	
 }
 
 #fitting_help img {
	border: 4px solid #F87EB9; 
 }
 
#fitting_help2 img {
	border: 0px; 
 }
 


#fitting_help p {
	color: #0045BF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	float:left;
	width:300px;
	background-position: 210px 90px;
}
 
.spacer {
clear: left;
}

/* End of the fitting Help page  */







/* Code for pages Hospital Wholesalers Pediatricians pages */

.threepagesimage {
	float: left;
	width: 250px;
	margin-right: 10px;
	margin-bottom: 10px;
	
}

#threepages{
	width:590px;
	background-color:#ffffff;
	height: auto;
}

#threepages p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #0045BF;
	
}

#little_girl {
	height: 100px;
	width: 100px;
	background-image: url(../images/girl_small.gif);
	background-repeat: no-repeat;
	
}


#baby_bear {
	height: 100px;
	width: 100px;
	background-image: url(../images/baby_bear.gif);
	background-repeat: no-repeat;	
}

 #threepages form {
	font-size: 1.4em;
	width: 30em;
	margin-left: 80px;  
 
}


/* fieldset styling */
#threepages fieldset {
  margin: 1em 0; /*  space out the fieldsets a little*/
  padding: 1em;
  border : 3px solid #00ACEE;
  color: #00ACEE;
  
}

/* legend styling */
#threepages legend {
  font-weight: bold;
}


/* style for  labels */
#threepages label {
  display: block;
}

/* style for required labels #00ACEE; */
#threepages label .required {
  font-size: 0.75em;
  color:#ffffff;
}

#threepages input {
  width: 200px;
}


input.radio, input.submit {
  width: 30px;
}

/* style form elements on focus */
#threepages input:focus, textarea:focus {
  background: #ffc;
}

#threepages input.radio {
  float: left;
  margin-right: 1em;
}

#threepages textarea {
  width: 300px;
  height: 100px;
}



/* Hack to make sure the floated radio buttons
   sit next to the labels correctly in IE/Mac*/

/* This is the style I want IE/Mac to see */
input.radio + label {
  text-indent: 2em;
}

/* Using the commented backslash filter, I'm resetting
   the above rule for everything other than IE5/Mac \*/
input.radio + label {
  text-indent: 0;
}

#threepages .submit4 {
background-color:#F87EB9;
width: 120px;
}



/* End Code for pages Hospital Wholesalers Pediatricians pages  */








/* Start of code for the sitemap page #999933; */

#sitemap{
	background-color:#ffffff;
	width:600px;
	height: auto;
		
}



#sitemap a,  a:link {
  color: #0045BF;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
}

.sitemap {
	padding: 0px;
	list-style: none;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	
	
	
}
.sitemap li {
	margin-bottom: 0.6em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #0045BF;
	list-style-type: none;
	list-style-image: url(../images/babyemblemcopy8.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	
}


.sitemap li ul li {
	border-bottom-style: none;
	margin-top: 0.2em;
	padding-bottom: 0.2em;
	list-style: url(../img/sitemap-level2.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	
}



.sitemap li ul ul li {
	list-style-image: url(../images/babyemblemcopy8.gif);
		
}

/* End of code for the sitemap page  */





/* Start of Code for Video page */

#flashvideopage {
	background-color:#ffffff;
	width:600px;
	height: auto;
	
		
}

#flashvideopage p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #0045BF;
	width:450px;
	
	}

.flashvideo {
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}


/* End of Code for Video page  */




/* Start This code helps control four different pages in floating a paragraph to the right   */

#right_paragraphControl {
float:right;
width:330px;

}

/* END This code helps control four different pages in floating a paragraph to the right   */




/* Start of the About us page  */


#about_us {	
    width:600px;
	background-color:#ffffff;
	height: auto;
	
	
}



.about_us_img {
	float: left;
	width: 330px;
	margin-top:20px;
	margin-right: 10px;
	margin-bottom: 20px;
	
}


/* End of the About us page  */







/* Start of code Information Reflex page #999933;  */

#info_reflex {
	background-color:#ffffff;
	width:600px;
	height: auto;
	
}

.info_refleximage {
	float: left;
	width: 250px;
	margin-bottom: 10px;
	
}


/* End  of code Information Reflex page   */






/* Start of code Information SIDs page #999933;  */


#info_sids {
background-color:#ffffff;
	width:600px;
	height: auto;
}

.info_sidsimage {
	float: left;
	width: 250px;
	margin-right: 10px;
	margin-bottom: 10px;
	
}


/* End of code Information SIDs page   */




/* Start of code Owner's Bio page  */


#owners_bio {
	width:600px;
	background-color:#ffffff;
	height: auto;
	
}


.owners_bio_img {
	float: left;
	width: 330px;
	margin-top:20px;
	margin-bottom: 20px;
	
}


#owners_biofloatright {
width:250px;
float: right;
height:auto;

}


/* Ende of code Owner's Bio page  */




/* Start of the code for Product Information page */ 

.product_info_image {
	float: left;
	margin-bottom: 20px;
	margin-top: 0px;
	display: inline;
	margin-right: 20px;
	margin-left: 20px;
}



#product_info{
	
	background-color:#ffffff;
	width:600px;
	height: auto;
	
}



/* End of the code for Product Information page  */




/* Start of code Latest News  */

#latest_news {
	background-color:#FFFFFF;
	width:600px;
	height: auto;	
}

.latest_news_image {
	float: left;
	width: 318px;
	height:217px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 20px;
}


/* End  of code Latest News page   */




/* Start of code for baby picures page #999933; */


#baby_pic {
	background-color:#ffffff;
	width:580px;
	height: auto;
	background-image: url(../images/big_teddy.gif);
	background-repeat: no-repeat;
	background-position: 120px 170px;
}

#baby_pic form {
	font-size: 1.4em;
	width: 30em;
	margin-left: 80px;  
 
}


/* fieldset styling */
#baby_pic fieldset {
  margin: 1em 0; /*  space out the fieldsets a little*/
  padding: 1em;
  border : 3px solid #00ACEE;
  color: #00ACEE;
  
}

/* legend styling */
#baby_pic legend {
  font-weight: bold;
}


/* style for  labels */
#baby_pic label {
  display: block;
}

/* style for required labels #00ACEE; */

#baby_pic label .required {
  font-size: 0.75em;
  color:#ffffff;
}

#baby_pic input {
  width: 200px;
}


input.radio, input.submit {
  width: 30px;
}

/* style form elements on focus */
#baby_pic input:focus, textarea:focus {
  background: #ffc;
}

#baby_pic input.radio {
  float: left;
  margin-right: 1em;
}

#baby_pic textarea {
  width: 300px;
  height: 100px;
}

#baby_pic .submit4 {
background-color:#F87EB9;
width: 120px;
}


#baby_pic img {
	border: 6px solid #0045BF;
}

#albumlist {
list-style-type:none;
}

#albumlist li {
float:left;
width:100px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 30px;
font: bold 1.1em Arial, Helvetica, sans-serif;
color: #0045BF;
}



/* End of code for baby picures page  */


#baby_pic2 {
	background-color:#ffffff;
	width:580px;
	height: auto;
	background-image: url(../images/big_teddy.gif);
	background-repeat: no-repeat;
	background-position: 30px 85px;
}

#baby_pic2 form {
	font-size: 1.4em;
	width: 30em;
	margin-left: 80px;  
 
}


/* fieldset styling */
#baby_pic2 fieldset {
  margin: 1em 0; /*  space out the fieldsets a little*/
  padding: 1em;
  border : 3px solid #00ACEE;
  color: #00ACEE;
  
}

/* legend styling */
#baby_pic2 legend {
  font-weight: bold;
}


/* style for  labels */
#baby_pic2 label {
  display: block;
}

/* style for required labels #00ACEE; */

#baby_pic label .required {
  font-size: 0.75em;
  color:#ffffff;
}

#baby_pic2 input {
  width: 200px;
}


input.radio, input.submit {
  width: 30px;
}

/* style form elements on focus */
#baby_pic2 input:focus, textarea:focus {
  background: #ffc;
}

#baby_pic2 input.radio {
  float: left;
  margin-right: 1em;
}

#baby_pic2 textarea {
  width: 300px;
  height: 100px;
}

#baby_pic2 .submit4 {
background-color:#F87EB9;
width: 120px;
}


#baby_pic2 img {
	border: 6px solid #0045BF;
}

#albumlist {
list-style-type:none;
}

#albumlist li {
float:left;
width:100px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 30px;
font: bold 1.1em Arial, Helvetica, sans-serif;
color: #0045BF;
}



/* End of code for baby picures page  */



/* Start of code Main Product page   */


#mainproductpage {
	background-color:#FFFFFF;
	width:600px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
}

#mainproductpage p { 
width: 400px;

}
.product_h3 {
margin: 20px 0 20px 0;

}


/* End of code for Main product page  CSSS */



/* Results page code  */

#results_page{
	width:600px;
	height: auto;
	
}


/*End Results page code  */




/* Start of code for the LightHouse Javascript CSS */



#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

/* End of code for the LightHouse Javascript */





/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Cartweaver 3 CSS HTML Styles */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


 td, th,  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}



hr{
	color: #696969;
	height: 1px;
	width: 90%;
}



/*Form Elements*/
form {
	margin: 0px;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color: #002252;
	border: 1px inset #979797;
}




/* __________ Search Zoom CSS___________________________________  */

#search_gs {
	width: 400px;
	padding-left: 20px;	
}


.highlight { background: #FFFF40; }
		.searchheading { font-size: 14px; font-weight: bold; }
		.summary { font-size: 10px; font-style: italic; }
		.suggestion { font-size: 12px; }
		.results { font-size: 12px; }
		.category { color: #999999; }
		.sorting { text-align: right; }

		.result_title { font-size: 10px; }		
		.description { font-size: 10px; color: #008000; }
		.context { font-size: 10px; }
		.infoline { font-size: 10px; font-style: normal; color: #808080;}

		.zoom_searchform { font-size:10px; }
		.zoom_results_per_page { font-size: 9px; margin-left: 5px; }
		.zoom_match { font-size: 10px; margin-left: 10px;}				
		.zoom_categories { font-size: 10px; }
		.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
		.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
		
		input.zoom_button {  }
		input.zoom_searchbox {  }		
		
		.result_image { float: left; display: block; }
		.result_image img { margin: 10px; width: 80px; border: 0px; }

		.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
		.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }
		
		.result_pages { font-size: 10px; }
		.result_pagescount { font-size: 10px; }
		
		.searchtime { font-size: 10px; }
		
		.recommended 
		{ 
			background: #DFFFBF; 
			border-top: 1px dotted #808080; 
			border-bottom: 1px dotted #808080; 
			margin-top: 0px; 
			margin-bottom: 15px; 
		}
		.recommended_heading { float: right; font-weight: bold; }
		.recommend_block { margin-top: 0px; margin-bottom: 0px; clear: left; }		
		.recommend_title { font-size: 10px; }
		.recommend_description { font-size: 100%; color: #008000; }
		.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}

/*____   __________    ____ Search Zoom CSS_______    __________________________  */



/*____   __________    ____ Confirm page of shopping cart Start _______    __________________________  */


#confirm_tpage {
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0063F4; 	
}


/*____   __________    ____ Confirm page of shopping cart End_______    __________________________  */


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





/* Start of code for the drop down menu Main Navigation for site  */


/* The outermost container of the Menu Bar, an auto width box with no margin or padding */



ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	cursor: default;
	width: 600px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: auto; white-space: nowrap;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	z-index: 1020;
	cursor: default;
	width: auto;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 120px;
	float: none;
	background-color: transparent;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 2px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration #FFF; */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #F87EB9;
	padding: 0.5em 0.75em;
	color: #FFFFFF;
	text-decoration: none;
	
}


ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus 
{
background-color: #F87EB9;
color: 00ACEE;

}


/* Menu items that have mouse over or focus have a blue background and white text  #00ACEE; */


ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal
a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #F87EB9;
	color: #00ACEE;
}


/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(../images/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(../images/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(../images/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(../images/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */

@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}



#sizing_Chart_page {

}


#sizing_Chart_page  ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0045BF;
	padding-top: 0px;
	line-height: 2.5em;
	height:1%;
	left: 50px;
	top: 100px;
}

#sizing_Chart_page ul li {
	list-style-image: url(../images/babyemblemcopy8.gif);
	color: #0045BF;
	margin-left: 70px;
}


#sizing_Chart_page ul li a {
	text-decoration: none;
	color: #0033CC;
	border-right-color: #FFFFFF;
	padding-top: 2em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 0.8em;
}


#sizing_Chart_page a:visited {
  color: #0033CC;
  font-weight: bold;
  text-decoration: none;
}

/* Sets the style for links on mouseover. */

#sizing_Chart_page a:hover {
  color:#F87EB9;
  text-decoration: underline;
}

/* Sets the style for a link that has focus. */

#sizing_Chart_page a:focus {
  color:#0033CC;
}




/* footer2 code. */

 #footer_navcontainer2 ul

{

	list-style-type: none;
	text-align: left;
	margin-top: 0;
	margin-right: 0em;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;

	

}



#footer_navcontainer2 ul li {

	display: inline;
	margin-right: 3em;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;

}



#footer_navcontainer2 ul li a

{

	text-decoration: none;
	padding: .2em 1em;
	color: #fff;
	border-right-color: #FFFFFF;

}



#footer_navcontaine2r ul li a:hover {
color: #00ACEE;
}



/* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */

#outerWrapper #footer2 {
	background-color: #F87EB9; 
	background-image: url(../images/footer.gif);
	height: 100px;
	background-repeat: no-repeat;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-top: 10px;
}


#footer2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0045BF;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	margin-top: 5px;
	margin-left: 550px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#footer2 p  a:link, #footer2 p a:visited {
color:#FFFFFF;

}

#footer2 img {
	float:left;
	margin-top: 5px;
	margin-bottom: 80px;
	margin-left: 470px;
	padding-right:10px;
}




/* Turn off borders on image links */
img {
	border:0;
	margin: 0px;
	padding: 0px;
}