/* CSS Document */

* {margin:0;padding:0;}

body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#9DC5E3;
}
h1 {
	font-size:18px;
	color:#fff;
}
h2 {
	font-size:16px;
	color:#fff;
}
p {
	margin: 10px 0 10px 0;
	font-size:.89em;
	color:#333;
}
a {
	color: #C8008B;
}
ul , ol {
	margin: 0 0 15px 25px;
	padding: 0;
}
ul li , ol li{
	margin: 0 0 5px 0;
}

.rimgbg{
	display: block;
	position: relative;
}

	.rimtl ,
	.rimtr ,
	.rimbl ,
	.rimbr {
		display: block;
		width: 10px;
		height: 10px;
		position: absolute;
	}
	.rimtl {
		background: transparent url('radius_edge.gif') top left no-repeat;
		top: 0px;
		left: 0px;
	}
	.rimtr {
		background: transparent url('radius_edge.gif') top right no-repeat;
		top: 0px;
		right: 0px;
	}
	.rimbl {
		background: transparent url('radius_edge.gif') bottom left no-repeat;
		bottom: 0px;
		left: 0px;
	}
	.rimbr {
		background: transparent url('radius_edge.gif') bottom right no-repeat;
		bottom: 0px;
		right: 0px;
	}
	html>body .rimtl {
		background: transparent url('radius_edge.png') top left no-repeat;
	}
	html>body .rimtr {
		background: transparent url('radius_edge.png') top right no-repeat;
	}
	html>body .rimbl {
		background: transparent url('radius_edge.png') bottom left no-repeat;
	}
	html>body .rimbr {
		background: transparent url('radius_edge.png') bottom right no-repeat;
	}

#outer {
	background:url('illustration.jpg') bottom center repeat-x;
	padding: 0 0 100px 0;
}
#headwrap {
	background-color:#fff;
	height:93px;
}
	#head {
		background-color:#fff;
		width: 965px;
		margin: 0 auto;
		padding: 0;
		display: block;
	}
	#head h1{
		float:left;
		background:url('oopsy_daisy_childrens_gifts.jpg') 0px 0px no-repeat;
		text-indent:-9999px;
	}
		#head h1 a{
		display:block;
		height:93px;
		width:369px;
		}

	#logo {
		float:left;
		background: url('logo.jpg') no-repeat;
		height:93px;
		width:369px;
	}
	#topbtns {
		float:right;
		height:30px;
		padding: 0;
		margin: 20px 0 0 0;
	}
		#topbtns form{
			display: inline;
		}
			#topbtns form{
				display: inline;
			}
				#topbtns form input{
					vertical-align: top;
					margin: 4px 0 0 0;
					border: 1px solid #9B9B9B;
					font-size: 1em;
					width: 150px;
				}
				#topbtns form input.submit{
					margin: 0;
					border: 0;
					width: 100px;
					height: 30px;
				}
		#topbtns a img{
			margin: 0 0 0 5px;
		}
			#topbtns a img{
				border: 0;
			}
/* ========= Navigation Related Styles ============= */
#navwrap {
	background:url('navbg.gif') repeat-x;
	height:36px;
	margin: 0;
	padding: 3px 0 0 0;
	display: block;
}
	#nav {
		background:url('navbg.gif') repeat-x;
		list-style:none;
		text-align:center;
		display: block;
		width: 965px;
		height:36px;
		margin: 0 auto 0 auto;
		padding: 0;
	}
		#nav li {
			float:left;
			margin: 0 0 0 22px;
		}
		#nav li a {
			display:block;
			line-height:31px;
			color:#fff;
			text-decoration:none;
			font-weight:bold;
		}
			#nav li#home {
				margin-left: 0px;
			}
			li#planner {
				margin-right: 0px;
			}
			
			#nav li#home a {
				background: url('home.gif') no-repeat;
				width:107px;
				height:31px;
			}
			#nav li#home a:hover {
				background: url('home_on.gif') no-repeat;
			}
			#nav li#about a {
				background: url('about.gif') no-repeat;
				width:132px;
				height:31px;
			}
			#nav li#about a:hover {
				background: url('about_on.gif') no-repeat;
			}
			#nav li#contact a {
				background: url('contact.gif') no-repeat;
				width:126px;
				height:31px;
			}
			#nav li#contact a:hover {
				background: url('contact_on.gif') no-repeat;
			}
			#nav li#babylist a {
				background: url('babylist.gif') no-repeat;
				width:135px;
				height:31px;
			}
			#nav li#babylist a:hover {
				background: url('babylist_on.gif') no-repeat;
			}
			#nav li#virtual a:hover {
				background: url('virtual_on.gif') no-repeat;
			}
			#nav li#virtual a {
				background: url('virtual.gif') no-repeat;
				width:185px;
				height:31px;
			}
			#nav li#planner a {
				background: url('planner.gif') no-repeat;
				width:170px;
				height:31px;
			}
			#nav li#planner a:hover {
				background: url('planner_on.gif') no-repeat;
			}
		
/* ======================================================================== */
#content {
	margin: 0 auto 0 auto;
	width:965px;
}
#left {
	float:left;
	width:188px;
	padding: 0;
	margin: 0;
}
	
.sidebox {
	width: 188px;
	display: block;
	margin: 10px 0 0 0;
	padding: 0;
}
	.sidebox h2 {
		background: url('sideboxtopbl.gif') no-repeat;
		text-align:center;
		/*line-height:40px;
		margin: 0;
		padding: 0;
		font-size:22px;*/
		padding: 6px 0 0 0;
		height: 34px;
		margin: 0;
		font-size:20px;
	}
		.sidebox h2.green {
			background: url('sideboxtopgn.gif') no-repeat;
		}
		.sidebox h2.blue {
			background: url('sideboxtopbl.gif') no-repeat;
		}
		.sidebox h2.purple {
			background: url('sideboxtoppu.gif') no-repeat;
		}
		.sidebox h2.custom {
			background: none;
			padding: 0;
			line-height: 0px;
		}
			.sidebox h2.custom img {
				margin: 0;
				padding: 0;
			}
	.sideboxinner {
		background: #fff url('sideboxbase.gif') bottom left no-repeat;
		width: 166px;
		display: block;
		margin: 0;
		padding: 0px 10px 10px 10px;
	}
	.sideboxinner p {
		background-color:#fff;
		padding: 10px 10px 0 0;
		font-size: .8em;
		color: #C8008B;
	}
	
	
/* ======================= Login Box Styles =============================== */
#login {
	background: url('login-bg.jpg') no-repeat;
	height:124px;
	margin: 10px 0 0 0;
}
	#login form {padding:20px 14px 0 20px;}
	input.tbox {
		width: 145px;
		height:16px;
		margin-bottom:8px;
		border:1px solid #000;
	}
	#loginbtn {
		margin-left:58px;
	}
	
#lhloginform {
	margin: 0;
	padding: 0;
}
	#lhloginform label{
		display: block;
		margin: 10px 0 0 0;
		padding: 0;
		font-size: .8em;
		color: #C8008B;
		font-weight: bold;
	}
	#lhloginform input {
		width: 145px;
		height:16px;
		margin: 0;
		border:1px solid #9B9B9B;
	}
	#lhloginform #loginbtn {
		width: 85px;
		height: 34px;
		border: 0;
		padding: 0;
		margin: 10px 0 0 58px;
	}	
	
/* ===================== Side Navigation Styles =========================== */
.sideboxinner h3{
font-size:.89em;
padding:7px 0 0px 0;
margin:0px;
}
.sideboxinner h3 a{
text-decoration: none;
}
.sideboxinner h3 a:hover{
text-decoration: underline;
}
	.sideboxinner h3.green, .sideboxinner h3.green a{
	color:#299926;
	}
		
	.sideboxinner h3.blue, .sideboxinner h3.blue a{
	color:#00a3e0;
	}
	.sideboxinner h3.pink, .sideboxinner h3.pink a{
	color:#c8008b;
	}
.sideboxinner ul{
list-style:none;
	margin: 0px 0 0 0;
	padding: 0px 0 0px 0;
}
	.sideboxinner ul li{
			font-size: .8em;
			list-style:none;
			margin: 5px 0 5px 0;
			padding:0 0 0 25px;
			background: url('bullet1.gif') left center no-repeat;
	}
	.sideboxinner ul li a{
	 	text-decoration:underline;
		color:#00A3E0;
		line-height:17px;
	}
	.sideboxinner ul li a:hover{
	text-decoration: none;
	background:#eeeeee;
	}
.sideboxinner ul.green{	
color:#299926;
}
	.sideboxinner ul.green li{	
	background: url('bullet3.gif') left center no-repeat;
	}
	.sideboxinner ul.green li a{	
	color:#299926;
	}
.sideboxinner ul.blue{	
color:#00a3e0;
}
	.sideboxinner ul.blue li{	
	background: url('bullet1.gif') left center no-repeat;
	}
	.sideboxinner ul.blue li a{	
	color:#00a3e0;
	}
.sideboxinner ul.pink{	
color:#c8008b;
}
	.sideboxinner ul.pink li{	
	background: url('bullet2.gif') left center no-repeat;
	color:#c8008b;
	}
	.sideboxinner ul.pink li a{	
	color:#c8008b;
	
	}

/*
#kidskloset {
	list-style:none;
	margin: 6px 0 0 0;
	padding: 0;
}
	#kidskloset li {
		font-size: .8em;
		line-height: 1em;
		list-style:none;
		margin: 0;
		padding: 4px 0 1px 25px;
		background: url('bullet1.gif') left center no-repeat;
	}
	#kidskloset li a {
		text-decoration:underline;
		color:#00A3E0;
		line-height:20px;
	}

#uniquegifts {
	list-style:none;
	margin: 6px 0 0 0;
	padding: 0;
}
	#uniquegifts li {
		font-size: .8em;
		list-style:none;
		margin: 0;
		padding: 4px 0 1px 25px;
		background: url('bullet2.gif') left center no-repeat;
	}
	#uniquegifts li a {
		text-decoration:underline;
		color:#C8008B;
		line-height:20px;
	}
#nursery {
	list-style:none;
	margin: 6px 0 0 0;
	padding: 0;
}
	#nursery li {
		font-size: .8em;
		list-style:none;
		margin: 0;
		padding: 4px 0 1px 25px;
		background: url('bullet3.gif') left center no-repeat;
	}
	#nursery li a {
		text-decoration:underline;
		color:#299926;
		line-height:20px;
	}
	*/
	
/* ======================================================================== */
	
	
.side-img {
	margin: 10px 0 0 0;
	padding: 0;
	display: block;
	text-decoration: 0;
	line-height: 0;
}
	.side-img img {
		margin: 0;
		padding: 0;
		border: 0;
		width: 188px;
		height: 197px;
	}

/* ======================================================================== */
/* ===================== Main Box Content Styles ========================== */


#main {
	float:right;
	width:772px;
	margin: 0 0 120px 0;
}

/* Content Box Styles */
#breadcrumb {
	background: url('purplebar.gif') no-repeat;
	height: 41px;
	margin: 10px 0 0 6px;
	line-height:41px;
	padding: 0 0 0 20px;
	font-size: .8em;
	color:#fff;
}
	#breadcrumb a {
		color:#fff;
		text-decoration: none;
	}
	#breadcrumb a:hover {
		text-decoration: underline;
	}
	
.mainbox {
	background: transparent;
	margin: 5px 0 0 3px;
	width: 769px;
	display: block;
}
	.mainbox h2 {
		text-align:center;
		background:url('mainboxtopbl.gif') top left no-repeat;
		padding: 9px 0 0 0;
		height: 42px;
		margin: 0;
		font-size:20px;
	}
		.mainbox h1.blue {
			background:url('mainboxtopbl.gif') top left no-repeat;
		}
		.mainbox h1.green {
			background:url('mainboxtopgn.gif') top left no-repeat;
		}
		.mainbox h1.purple {
			background:url('mainboxtoppu.gif') top left no-repeat;
		}
	.mainboxinner {
		margin: 0 0 0 6px;
		padding: 0 0 10px 0;
		width: 763px;
		display: block;
		background:url('mainboxbtm.gif') bottom left no-repeat;
	}
		.maincontent {
			margin: 0;
			padding: 5px 20px 0 20px;
			background: #FFFFFF;
		}
	
				.maincontent h1 {
					font-size:18px;
					color: #299926;
					background: none;
					margin: 0 0 10px 0;
					padding: 0;
					text-align: left;
				}
				.maincontent h2 {
					font-size:16px;
					color: #299926;
					background: none;
					margin: 0 0 10px 0;
					padding: 0;
					text-align: left;
				}

		.productlisting {
			background-color:#fff;
			padding: 10px 30px 0 30px;
		}

		.product {
			background-color:#fff;
		}

			.product h1 {
				font-size:18px;
				color: #299926;
				background: none;
				margin: 0 0 10px 0;
				padding: 0;
				text-align: left;
			}
			.product h2 {
				font-size:16px;
				color: #299926;
				background: none;
				margin: 0 0 10px 0;
				padding: 0;
				text-align: left;
			}
			.product-img {
				float: left;
				margin: 10px 0 0 7px;
				padding: 0;
				width: 360px;
				display: block;
			}
			html > body .product-img {
				margin: 10px 0 0 15px;
			}		
				.product-img img {
					width: 360px;
					height: 360px;
					padding: 0;
					margin: 0;
				}	
					.product-img p {
						width: 360px;	/* To match product image size */
						padding: 0;
						margin: 5px 0 0 0;
						font-size: 15px;
						font-weight: bold;
						text-align: center;
					}
			.productinfo {
				float: right;
				margin: 10px 7px 0 0;
				width: 360px;
				padding: 0;
				display: block;
			}
			html > body .productinfo {
				margin: 10px 15px 0 0;
			}
				.producinfo .product p {
					line-height:1.75em;
					font-size:14px;
					font-weight:bold;
					padding: 0;
					margin: 0;
					color:#888;
				}
				
				
				.sale_item {
					margin: 0;
				}
					.sale_item h2 {
						font-size:18px;
						color: #299926;
						background: none;
						margin: 0 0 10px 0;
						padding: 0;
						
					}
					.sale_item .price {
						font-size:18px;
						color: #299926;
						background: none;
						margin: 0 0 10px 0;
						padding: 0;
						
					}
					.sale_item .variation {
						margin: 0 0 2px 0;
						clear: left;
					}
					.sale_item .variation label{
						width: 100px;
						vertical-align: top;
						padding: 6px 10px 0 0;
						font-size: 1em;
						font-weight: bold;
						display: block;
						float: left;
					}
					.sale_item .variation select ,
					.sale_item .variation select {
						width: 150px;
						vertical-align: top;
						font-size: 1em;
						padding: 4px;
						float: left;
					}
					.sale_item .add {
						margin: 10px 0;
						width: 193px
						height: 38px
					}


#centercol {
	width: 570px; 
	float: left;
}
	
.centerbox {
	background: transparent;
	margin: 5px 0 0 1px;
	width: 570px;
	display: block;
}
	.centerbox h1 ,
	.centerbox h2 {
		text-align:center;
		background:url('centerboxtoppu.gif') top left no-repeat;
		padding: 9px 0 0 0;
		height: 42px;
		margin: 0;
		font-size:20px;
	}
		.centerbox h1.blue ,
		.centerbox h2.blue {
			background:url('centerboxtopbl.gif') top left no-repeat;
		}
		.centerbox h1.green ,
		.centerbox h2.green{
			background:url('centerboxtopgn.gif') top left no-repeat;
		}
		.centerbox h1.purple ,
		.centerbox h2.purple{
			background:url('centerboxtoppu.gif') top left no-repeat;
		}
	.centerboxinner {
		margin: 0 0 0 6px;
		padding: 0 0 10px 0;
		width: 564px;
		display: block;
		background: transparent url('centerboxbtm.gif') bottom left no-repeat;
	}
	.centercontent {
		margin: 0;
		padding: 5px 20px 0 20px;
		background: #FFFFFF;
	}

			.centercontent h1 {
				font-size:18px;
				color: #299926;
				background: none;
				margin: 0 0 10px 0;
				padding: 0;
				text-align: left;
			}
			.centercontent h2 {
				font-size:16px;
				color: #299926;
				background: none;
				margin: 0 0 10px 0;
				padding: 0;
				text-align: left;
			}
	


.categorybox {
	width: 148px;
	margin: 10px 0 10px 32px;
	float: left;
	text-align: center;
	font-weight: bold;
}
.categoryboxfirst {
	margin-left: 7px;
	clear: left;
}
	.categorybox a{
		text-decoration: none;
		color:#299926;
	}
		.categorybox a.green{
			color:#299926;
		}
		.categorybox a.blue{
			color:#00A3E0;
		}
		.categorybox a.purple{
			color:#C8008B;
		}
	.categorybox a img {
		width: 148px;	
		height: 148px;
		margin: 0 0 10px 0;
		border: 0;
		display: block;
	}
	


.productbox {
	width: 148px;
	margin: 10px 0 10px 32px;
	float: left;
	text-align: center;
	font-size: .8em;
}
.productboxfirst {
	margin-left: 7px;
	clear: left;
}
	.productbox a{
		text-decoration: none;
		color:#299926;
	}
		.productbox a.green{
			color:#299926;
		}
		.productbox a.blue{
			color:#00A3E0;
		}
		.productbox a.purple{
			color:#C8008B;
		}
	.productbox a img {
		width: 148px;	
		height: 148px;
		margin: 0 0 10px 0;
		border: 0;
		display: block;
	}
	.productbox a span {
		text-decoration: underline;
		line-height: 1.4em;
	}


#rightcol {
	width: 188px; 
	float: right;
}
	#rightcol .sidebox {
		margin: 4px 0 0 0;
	}
		#rightcol .sideboxinner {
			width: 168px;
			padding: 0 0 10px 20px;
		}
			#rightcol .productbox {
				float: none;
				margin: 15px 0 15px 0;
				padding: 15px 0 0 0;
				border-top: 2px solid #9B9B9B;
			}
			#rightcol .productboxfirst {
				margin-top: 0px;
				border-top: 0;
			}

#footerlinks {
	margin: 10px 0 0 10px;
	color: #299926;
	font-size: 14px;
}
	#footerlinks a {	
		color: #299926;
	}
.bottom_space{
margin-bottom:10px;
}


.clr {clear:both;height:0px;}
fieldset {border:0;padding:0;}