﻿/* ---------------------------------------------
Screen Stylesheet for http://www.DomainName.com
Updated: 06/10/08 - Author / Company
Version: 2.11
-------------------------------------------------
::COLORS::
	Black: #333 --example usage--

::TOC::
	Resets
	Defaults
	Typography
	Template 
	Links
	Navigation
	Forms
	Global Classes
	Pages

--------------- ::Resets:: --------------------- */
/*body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, embed, object img {
margin:0;
padding:0;
}
fieldset, table, img {
border:none;
}
table {
border-collapse:collapse;
border-spacing:0;
overflow:hidden;
word-wrap:break-word; /* will not validate IE only 
}

caption, th, td {
text-align: left;
}*/

/* ---------- ::Defaults:: --------------------- */
html { 
font-size:100.01%; 
height: 101%; /* forces scroll on short length pages */
}
body { 
height:100%;
font:62.5%/1.3 "Comic Sans MS", Arial, Helvetica, sans-serif, Verdana;
background:#fff;
color:#333;
margin: 3px;
padding: 0;
}

p {
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	padding: 5px;
}

/* ---------- ::Typography:: ------------------- */
address, h1, h2, h3, h4, h5, h6, li, p, pre {padding: .3em 10px;}
h1 {font-size:2em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
address, li, p {font-size:1.2em;}
pre {font-size: 12px;}
ul {margin-left: 25px;}

/* ---------- ::Template:: --------------------- */
#wrap {
margin:0 auto;
width: 780px;
}

#wrap-sub {
	width: 100%;
	border: 1px solid #c3d47c;
}
#masthead {
	width: 780px;
	height: 111px;
	background: url('../images/header-logo.png') no-repeat;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

#masthead-sub {
	width: 780px;
	height: 48px;
	background: url('../images/header-search-title-2.png') no-repeat;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

#search-top-left {
	width: 130px;
	height: 48px;
	float: left;
	background: url('../images/left-search-bar-2.png') no-repeat;
	}

#free-shipping {
	width: 650px;
	float: right;
}

#free-shipping p {
	font-size: 14px;
	font-weight: normal;
	color: #5f4e31;
	margin: 6px 0 0 0;
}

#free-shipping p span{
	font-size: 12px;
}


#free-shipping p.small {
	font-size: 10px;
	font-weight: bold;
	margin: 17px 10px 0 0;

}

#free-shipping a {
	color: #c3d47c;
}

#content {
width: 506px;
float: right;
background:#ecfbf3;
padding: 0;
margin: 0 13px 0 0;
}

#content-store {
	width:760px;
	padding: 0 10px;
}

#featured-box-left {
	width: 224px;
	float: left;
}

#featured-box-right{
	width: 282px;
	float: right;
}

#featured-box-right{
	text-align: center;
}

#right {
float:right;
}
#left {
float:left;
width: 246px;
background: #fff;
margin: 0 4px 0 10px;
padding: 0;

}

#leftcolumn-topbox {
	width: 241px;
    background: #c1dbce;
	margin-bottom: 20px;
}

#leftcolumn-topbox h2 {
	text-align: right;
	font-size: 12px;
	color: #5f4e31;
	padding: 20px 3px 10px 0;
	margin: 0;
}

#leftcolumn-topbox p {
	font-size: 11px;
	color: #5f4e31;
	margin: 0;
	padding: 0;
}

#leftcolumn-topbox img {
	padding-right: 5px;
}

#leftcolumn-topbox img.nopadding,
#leftcolumn-topbox img.nopadding {
	padding: 0;
	margin: 0;
}

#leftcolumn-bottombox {
	width: 241px;
    height: 200px;
}

#leftcolumn-bottombox h2 {
	font-size: 12px;
	color: #5f4e31;
	padding: 0;
	margin: 2px;
	text-align: left;
}

#leftcolumn-bottombox p {
	font-size: 11px;
	color: #5f4e31;
	margin: 2px;
	padding: 0;
}



#bottom-content-home {
	width: 760px;
	height: 35px;
	margin: 5px;
	background: #c3d47c;
}

#bottom-content-home p {
	font-size: 16px;
	font-weight: normal;
	color: #5f4e31;
	margin: 0;
}

#bottom-content-home p.small {
	font-size: 10px;
	font-weight: bold;
	margin-top: 5px;
}

#bottom-content-home a {
	color: #5f4e31;
}



#bottom-content {
	width: 760px;
	height: 55px;
	margin: 0 5px 2px 5px;
	background: #c3d47c;
}

#bottom-content p {
	font-size: 11px;
	font-weight: normal;
	color: #5f4e31;
	margin: 0;
	line-height: 13px;
}

#bottom-content p.small {
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
}

#bottom-content a {
	color: #5f4e31;
}

#footer {
	width: 780px;
	height: 44px;
	margin: 6px 0;
	background: url('../images/search-bottom-left.png') no-repeat;
	clear: both;
}

/* ---------- ::Links:: ------------------------ */
a {color: #5f4e31; text-decoration:underline;}
a:visited {text-decoration:underline;}
a:active, a:focus, a:hover {
text-decoration:none;
outline:none;
}
a img {border:none;}

/* ----------  ::Navigation:: ------------------ */

	/* ::Main Menu:: --- */
	#menu {
	}
	#menu li {
	}
	#menu li a {
	}
	#menu li a:active, #menu li a:focus, #menu li a:hover {
	}
	
	/* ::Footer Menu:: --- */
	#footer ul {
	}
	#footer li {
	}
	#footer li a {
	}
	#footer li a:active, #footer li a:focus, #footer li a:hover {
	}
	
/* ---------- ::Forms:: ------------------------ */
label {cursor:pointer;}
input,label,select,textarea {
/*vertical-align:middle;*/
font-size:inherit;
font-family:inherit;
}
/*input, textarea {padding:.2em;}*/
textarea {overflow:auto;}

/* ---------- ::Global Classes:: --------------- */
.center {text-align:center;}
.clear {
clear:both;
padding:0;
margin:0;
line-height:normal;
}
.floatleft {float:left;}
.floatright {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.large {
font-size:20px;
font-weight:bold;
}
.light {color:#999;}
.small {
font-size:10px;
font-weight:normal;
}

.nopadding {
	padding: 0;
	margin: 0;
}

.tancolorbold {
	font-weight: bold;
	color: #B19228;
}

.footer-left {
	font-weight: bold;
	font-size: 10px;
	color: #B19228;
	float: left;
	margin: 15px 0 0 0;
	
}
.footer-right {
	font-weight: bold;
	font-size: 10px;
	color: #B19228;
	float: right;
	margin: 15px 0 0 0;

}


/* ---------- ::Pages:: ------------------------ */

/* /// place specific page rules here if needed /// */

#headerarea {
	width: 800px;
	height: 220px;
	border-collapse:collapse;
	vertical-align: top;

}

#flashbox {
	width: 800px;
	height: 159px;
	margin: 0;
	padding: 0;
	background: url('../images/top_banner_stil.jpg') no-repeat;
}

#menuwrap {
	width: 800px;
	height: 23px;
	border-collapse:collapse;
	vertical-align: top;

}

#leftcontentbar {
	width:300px;
	border-collapse:collapse;
}

#centercontentbar {
	width: 500px;
	padding: 0 30px;
	border-collapse:collapse;	
}


#logoblock {
	width: 230px;
	height: 89px;
	float: left;

}

#logolink {
	margin: 5px 0 0 30px;
	padding: 0;
	width: 220px;
	height: 85px;
	float: left;
	text-align: left;
	outline:white
}


#search-top-right {
	background: url('../images/blog-top-right-2.png') top right no-repeat;
	width: 318px;
	height: 54px;
	float: right;
	text-align: left;
	}

#shopping-box { 
	clear: right;
	width: 318px;
	height: 28px;
	float: right;
	font-size: 11px;
	background: url('../images/top-menu-line-318.png') bottom right no-repeat;
	}


#blog-box {
	margin: 0;
	padding-right: 1px;
	width: 128px;
	height: 54px;
	float: right;
	}

#search-top-right form {
	margin-top: 33px;
	
}

#search-top-right select {
	font-size: 9px;
	width: 120px;
	float: right;
}

#blog-link {
	width: 40px;
	height: 54px;
	float: right;
}

#blog-link img {
	margin-top: 30px;
}

#maternity-link {
	width: 154px;
	height: 54px;
	float: right;
}
.bloglink {
	width: 128px;
	height: 54px;
	display: block;
}



/* Top Navigation */
.nav, .nav ul {
	list-style: none; /* url('../images/start-brown-green.png');*/
	margin: 0;
	padding: 0;
	text-align: left;
}

.nav {
  font-family: "Comic Sans MS", Arial, Helvetica, sans-serif, Verdana;
  z-index: 5000;
  position: relative;
  left: 20px;
}

.nav li {
	/* styles the parent list */
    /*border-left: 1px solid #462C4F;*/
	background: url('../images/star-brown-green.png') no-repeat 0px 50%;
	float: left;
	margin: 0px;
	padding: 0;
	position: relative;
}


.nav li.noborder {
	border-left: 0;
	background: none;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
/* styles the parent links */
  font: normal 13px/21px "Comic Sans MS", Arial, Helvetica, sans-serif, Verdana;
  background: transparent;
  color: #5f4e31;
  display: block;
  /*padding: 0 12px 0 26px;*/
  padding: 0 18px 0 32px;
  text-decoration: none;
}

.nav li a:hover {
/* styles the parent links hover */
  background: transparent;
  color: #fff;
}

/*
--The CSS below is used in conjunction with the jquery script so
--that older browsers will render the drop-down menu
*/
#nav-one li:hover a, 
#nav-one li.sfHover a {
 /* styles the parent link hover */
  background: transparent;
  color: #fff;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
 /* styles the drop-down list menu */
  background: #F6FFCF;
  color: #655733;
  padding-left: 5px;
  font-size: 11px;
	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
 /* styles the drop-down list link hover */
  background: #C0CF81;
  color: #655733;
	
}
/*end css for older browsers*/

.nav ul {
 /* styles the main drop-down menu container*/
  background: #F6FFCF;
  border: 1px solid #C2D47B;
  border-top: 0px solid #655733;
  z-index: 100;
  list-style:none;
  margin: 0; padding: 0;
  width: 173px;
  position: absolute;
  top: -999em;
  left: -1px;
}

.nav li:hover ul,
.nav li.sfHover ul {
  top: 21px;  /* postions the drop-down menu from the partent menu */
  left: 11px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
/* style the drop-down links */
  border: 0px solid #000;
  border-bottom: 0;
  padding-right: 20px;
  width: 156px;
  white-space: nowrap; 


}
.nav ul a:hover {
  background: #D1DF99;
  color: #655733;
}

/*position the last (far right) menu to have the drop-down go inside of parent menu*/

.nav li:hover ul.inside,
.nav li.sfHover ul.inside {
  top: 21px;  /* postions the drop-down menu from the partent menu */
  left: -56px; 
}

.nav .star-spacer {
 padding-left: 105px;
 line-height: 21px;
}

.nav li.nocolor a {
	background: transparent;
}


/*Upper Right Header Navigation*/
#headernav {
	float:right;
	width: 450px;
	height: 20px;
	text-align:right;
	padding-right: 30px;
}

#shoppingcart {
	float:right;
	width: 450px;
	height: 35px;
	text-align:right;
	padding-right: 30px;
	border: 1px solid #ff0000;
}

#shopping-box ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}

#shopping-box ul li {
 	display: inline;
  	float: left;
  	margin: 5px 9px 0 5px;
	padding: 0;
	
}

#shopping-box a {
	text-decoration:none;
	
	padding: 0;
	margin: 0;
}

#shopping-box img {
	margin-top: -3px;
}


/* Footer Navigation */


#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
	position: relative;
	padding-top: 10px;
	float: right;
}

#footer ul li {
  margin: 0;
  padding: 0;
  display: inline;
  float: left;
 }

#footer ul li a, #footer ul li a:link, #footer ul li a:active, #footer ul li a:visited {
  font: bold 10px "Comic Sans MS", Arial, Helvetica, sans-serif, Verdana;
  background: transparent;
  color: #655733;
  display: block;
  padding: 0 7px;
  text-decoration: none;
}


#footer ul li a:hover {
  font: bold 10px "Comic Sans MS", Arial, Helvetica, sans-serif, Verdana;
  text-decoration:underline;
  color: #c3d47c;
}

#blog-link-2  {
	float:left; 
	width: 210px; 
	height: 44px; 
	text-align: right;
}


/* Navigation */
#headernav ul { 
	list-style:none;
	margin: 0;
	padding: 0;
	text-align: right;
}

#headernav ul {
  position: relative;
  padding-top: 5px;
  float: right;
  
}

#headernav ul li {
  margin: 0;
  padding: 0;
  display: inline;
  float: left;
  border-right: 1px solid #655733;

}

#headernav ul li a, #headernav ul li a:link, #headernav ul li a:active, #headernav ul li a:visited {
  font: bold 10px "Comic Sans MS", Arial, Helvetica, sans-serif;
  background: transparent;
  color: #655733;
  display: block;
  padding: 0 9px;
  text-decoration: none;
}


#headernav ul li a:hover {
  text-decoration:underline;
  color: #877655;
}

#privacy img {float: right; padding: 0 15px;}

#comment-box p { margin: 5px; padding: 0;}

#topnav-container {
 width: 780px;
 border: 0px solid #C2D47B;
}

#home-footer  {
	font-size: 10px;
	font-weight: normal;
	color: #5f4e31;
	margin: 6px 0 20px 0;
}

.clear {
	clear: both;
}
#wp-wrap #masthead {
	width: 780px;
	height: 111px;
	background: url('../images/header-logo-blog.jpg') no-repeat;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

#blog-top-right {
	background: url('../images/blog-right-bg.jpg') top right no-repeat;
	width: 325px;
	height: 91px;
	float: right;
	text-align: left;
	margin-right: 12px;
	z-index: 5000;
	}
	
#baby-com {
	width: 175px;
	height: 90px;
	margin-left: 20px;
	display: block;
	float: left;
}
#maternity-com {
	width: 130px;
	height: 90px;
	display: block;
	float: left;
	
}

