/* --------------------------------------------
|  GLOBAL STYLES											
|
| Z-INDEX LIST  1-20
1 - Shop Now
3 - Main Image
4 - #Logo
5 - #Nav
6 - #Purple Nav
--------------------------------------------- */


html { border: none; }
body {
	margin: 0;
	padding: 0;
	line-height: 13px; 
	background: #ffde00 url(graphics/bg_body.gif) 50% 0;
}
body, td {
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
img { border: 0; }
p { margin: 0 0 15px 0; }
a {
	color: #660066;
	}
a:hover {
	color: #009900;
	}
h1, h2, h3, h4, h5, form { margin: 0; }

h1 {
	color: #009900;
	font-size: 15px;
	margin: 5px 0;
	line-height: 18px;
	}
	
	
h2 {
	color: #001e59;
	font-size: 12px;
	margin: 5px 0 10px 0;
}

br.clearBoth { clear: both; font-size:0; line-height:0; }
.btn {
	text-indent: -9999px;
	text-decoration: none !important;
	outline:none;
	display:block;
}
/* --------------------------------------------
|  NAVIGATION												
--------------------------------------------- */

/* -- PRIMARY NAVIGATION -- */
#navContainer {
}
#nav {
	position:absolute;
	margin: 127px 0 0 0;
	z-index: 5;
	padding: 0;
	list-style: none;
	height: 70px;
}
#nav li {
	float: left;
	margin: 0;
}


#nav li a {
	outline: none;
	display: block;
	padding: 0;
	height: 70px;
	line-height: 70px;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(graphics/nav/nav_matrix_home.gif);
	}
#bOne {background-position: 0 0; width: 123px;} #bOne:hover {background-position: 0 -70px;}#nav li.current #bOne {background-position: 0 -70px;}
#bTwo {background-position: -123px 0; width: 127px;}#bTwo:hover {background-position: -123px -70px;}#nav li.current #bTwo {background-position: -123px -70px;}
#bThree {background-position: -250px 0; width: 125px;}#bThree:hover {background-position: -250px -70px;}#nav li.current #bThree {background-position: -250px -70px;}
#bFour {background-position: -375px 0; width: 129px;}#bFour:hover {background-position: -375px -70px;}#nav li.current #bFour {background-position: -375px -70px;}
#bFive {background-position: -504px 0; width: 150px;}#bFive:hover {background-position: -504px -70px;}#nav li.current #bFive {background-position: -504px -70px;}
#bSix {background-position: -654px 0; width: 133px;}#bSix:hover {background-position: -654px -70px;}#nav li.current #bSix {background-position: -654px -70px;}


/* -- SECONDARY NAVIGATION -- */
#subNav {}

/* --------------------------------------------
|  STRUCTURE												
--------------------------------------------- */

#siteContainer { width:787px; margin:0 auto; position: relative;}

/* -- HEADER -- */
#header {
	height:179px;
	background: url(graphics/bg_header.jpg) no-repeat;
	}
	#header #logo {
		position:absolute;
		margin-left:82px;
		margin-top:10px;
		z-index: 4;
	}
	#header #btnCart {
		position:absolute;
		background:url(graphics/b_cart.gif) no-repeat;
		height:56px;
		width:66px;
		margin:40px 0 0 709px;
		}
		#header #btnCart:hover {
			background-position: 0 -56px;
		}
	#header #btnAccount {
		position:absolute;
		background:url(graphics/b_account.gif) no-repeat;
		height:52px;
		width:66px;
		margin:95px 0 0 717px;
		z-index: 6;
		}
		#header #btnAccount:hover {
			background-position: 0 -52px;
		}

/* -- BODY -- */
#contentArea {
	line-height:18px;
	margin-bottom:30px;
	}
#colLeft { 
	float:left; 
	width:190px;
	margin-top: 310px;
	}
	#colLeft .pad {padding:5px 0 0 25px;}
	#bReadOurFaq {
		display: block;
		margin: 15px 0 0 0;
		text-align: center;
		}
	#bDownloads {
		display: block;
		margin: 20px 0 0 0;
		text-align: right;
		}
	#bTricks {
		display: block;
		margin: 20px 0 0 0;
		text-align: right;
		}		
	#bWhatOthers {
		display: block;
		margin: 20px 0 0 0;
		text-align: right;
		}				
#home #colRight .pad {
	padding-top: 50px;
	}
#colRight { 
	float:left; 
	width:587px;
	margin-top:318px;
	}
	#pageHeader {
		position: absolute; 
		top: 145px; 
		left: 165px;
		width: 603px;
		height: 355px;
		z-index:5;
		}

	#colRight .pad {
		padding: 0 0 0 20px;
	}
  
/* HOMEPAGE */

#homeColRight {
  float: right;
  width: 300px;
  }  

/* -- FOOTER -- */
#footer { 
  position: relative;
	clear: both;
	background:url(graphics/bg_footer.gif) no-repeat 10px 0;
	height:88px;
	color:#fff;
	margin-bottom: 20px;
	font-size:10px;
	}
	#footer a {
		color:#fff;
	}
	#footer p {
		text-align:center;
	}
	#footer #acroTag, #footer #acroTag a {
		font-size:9px;
		color:#cc9900;
	}
	#footerNav {
		list-style: none;
		padding:30px 0 0 0;
		text-align: center;
		margin:0 auto 5px auto;
		}
		#footerNav li {
			display: inline;
			letter-spacing:8px;
			}
			#footerNav li a {
				letter-spacing:normal;
				font-weight:bold;
				margin-right:8px;
			}
      
#ctaFollowUsOnFacebook {
  position: absolute;
  top: -4px;
  right: 15px;
  width: 93px;
  height: 77px;
  background: url(graphics/cta_follow_us_on_facebook.gif) no-repeat;
  text-align: left;
  text-indent: -9999px;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  }      


/* --------------------------------------------
|  SITE MAP													
--------------------------------------------- */

.siteMapList { margin-top: 15px }
.siteMapList dt {
	background:url(graphics/ico_folder.gif) 0 4px no-repeat;
	padding-left:20px;
	line-height:20px;
}
.siteMapList dd {	
	padding-left:10px;
	margin-left:25px;
	line-height:16px;
	background:url(graphics/sitemap_2nd.gif) no-repeat;
}
.siteMapList dd a {	
	color: #666;
	text-decoration:none;
}
.siteMapList .bottom { background:url(graphics/sitemap_2nd_bottom.gif) no-repeat; }

/* --------------------------------------------
|  CONTENT SPECIFIC										
--------------------------------------------- */

.floatLeft { float: left; }
.floatRight { float: right; }
img.floatLeft { margin-right: 10px; }
img.floatRight { margin-left: 10px; }
.clearBoth { clear: both }
.contentImageRight {
	float:right;
	padding:20px 0 20px 20px;
}
#flashContainer {
		position: absolute; 
		top: 145px; 
		left: 165px;
		width: 603px;
		height: 371px;
		z-index:5;
}
#home #menuContainer {
	background: url(graphics/bg_menu.gif) 0 0 no-repeat ;
	}
#menuContainer {
	background: url(graphics/bg_menu.gif) 0 0 no-repeat ;
	height: 359px;
	position:absolute;
	width: 237px;
	margin-top: -7px;
	}
#menuContainer .pad {
  padding:12px 0 0 40px;
  position:relative;		
	}
  
/* Newsletter Form */

#newsletterContainer {
  padding: 20px 0 0 36px;
  width: 205px;
  float: left;
  }
  #hNewsletter {
    background: url(graphics/h_newsletter.gif);
    display: block;
    height: 30px;
    overflow: hidden;
    text-indent: -9999px;
    width: 116px;
    }
  #newsletterContainer #newsLetterEmail {
    margin-bottom: 10px;
    }
    
  #newsletterContainer #newsletterSubmit {
    display: block;
    float: right;
    }
  #newsletterContainer .textfield {
    width: 200px;
    height: 16px;
    }
  .requiredInfo {
    font-size: 11px;
    padding: 5px 0;
    clear: both;
    }

#search {
	background: url(graphics/bg_search.gif) no-repeat;
	height:85px;
	padding-top: 10px;
	width:155px;position:relative;
	}
	#searchGo {
		height:36px;
		width:55px;
		float:right;
		}
		#search #miniSearch {
			float: right;
			color: #660066;
			font-size: 12px;
			width: 132px;
			margin-bottom: 10px;
		}
		
#colContact {
	float:left;
	margin-right:0px;
	padding-left:10px;
}
	
#contactStyle {float:left; width:115px;}
#contactStyle ul {list-style: none; margin: 0 0 20px 0; padding: 0; line-height: 12px;}
#contactStyle li {background-image: none; margin: 5px 0;}
#formStyle label { font-weight: bold; display: block; }
#formStyle label span { font-size: 10px; font-weight: normal; } 
#formStyle .submit {
	border: none;
	vertical-align: top;
}
#formStyle input {
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #d4d0c8;
	border-bottom: 1px solid #d4d0c8;
	margin-bottom: 10px;
}
#kidsSerenityLink {
	font-size: 10px;
	position: relative;
	bottom: -15px;
	left: -70px;	
	}				
#logoKidsSerenity {
	display: block;
	padding: 6px 0 0 0;
	}	
  
#customerSatisfactionCont {
  float: left;
  width: 50%;
  padding-top: 67px;
  }
  
#customerSatisfaction {
  display: block;
  margin: 0 0 0 28px;
  }

/* --------------------------------------------
|  PAGE SPECIFIC											
--------------------------------------------- */

/* ---------------------------------------------------
| CONTENT STYLING
--------------------------------------------------------- */
#colRight ul {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	}
	#colRight ul li {
		background: url(graphics/bullet_small.gif) 0 8px no-repeat;
		padding: 0 0 0 11px;
		}

#bSeeWhatOthers {
	padding-right: 30px;
	float: right;
	}
#bTricksHome {
	padding-right: 70px;
	padding-top: 90px;
	float: right;
	outline: none;
	}		
#homeFlashCTA {
	}
	#homeFlashCTA #noFlashContent {
		padding-top: 100px;
		padding-right: 100px;
		width: 200px;
		text-align: center;
		}	
.orderNowMenu {
	margin-top:6px;
}
.paddingTop {
	padding-top:10px;
}
.aboutPic {
	float:right;
	margin:0 20px 0 10px;
	border:solid 1px #000;
}
.imgBorder {
	border:solid 1px #000;
}


.centered {
	text-align: center;
	}
#groupEvents {
	margin: 10px 0 0 0;
	}
	#GE1 {
		
		}
	#GELists, #groupEvents h2 {
		margin-left: 120px;
		}
		#GELists ul li {
			font-weight: bold;
			color: #db0404;
			background-image: url(graphics/bullet_red.gif);
			}
	#groupEvents ul {
		float: left;
		margin: 0;
		padding: 0;
		width: 150px;
		list-style: none;
		}
		
	#homeTable {
		margin: 0 auto 15px auto;
		}
		#homeTable td {
			padding: 10px 25px 5px 25px;
			text-align: center;
			vertical-align: top;
			}
			#homeTable td a, .productLink {
				font-size: 15px;
				text-decoration: none;
				color: #009900;
				font-weight: bold;
				}
				#homeTable td a:hover {
					color: #DB0404;
					}
				.productLink img {display: block;margin: 0 5px 10px 0;}
			#homeTable img {
				display: block;
				}
				
#groupEventsBottom {
	text-align: center;
	background: url(graphics/bg_guaranteed_brightest.gif) 50% 60% no-repeat;
	}
	#groupEventsBottom img {
		display: block;
		margin: 5px auto 0 auto;
		}
		
		
		.testimonials span {
			padding-left: 15px;
			}
			
			#groupProducts {
				clear: both;
				height: 225px;
				width: 530px;
				padding: 30px 0 0 0;
				}
				#groupProductLeft {
					width: 230px;
					text-align: center;
					float: left;
					}
				#groupProductRight {
					width: 230px;
					text-align: center;
					float: right;
					}
			
			a.productLink:hover {
				color: #DB0404;
				}
				
				
				#shipInfo { 
					background: url(graphics/bg_ship_info.gif) no-repeat;
					padding-left: 140px;
					margin: 10px 0 0 0;
					height: 95px;
					}
				#residence { 
					background: url(graphics/bg_ship_info.gif) no-repeat;
					padding-left: 140px;
					padding-top: 11px;
					margin: 10px 0 0 0;
					height: 95px;
					}
          
/* --------------------------------------------
| > Checkout styles        
 -------------------------------------------- */
 
#warningNotice {
  font-weight: bold;
  }