/*  
Theme Name: Juliet Wilson
Theme URI: 
Description: 
Version: 1.0
Author: NBG
Author URI: 
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:1em;
	vertical-align:baseline;
	background:transparent;
	font-weight:normal;
	}
body{
	line-height:1;
	}
ol, ul{
	list-style:none;
	}
blockquote,
q{
	quotes:none;
	}
blockquote:before,
blockquote:after,
q:before,
q:after{
	content:'';
	content:none;
	}			
:focus{
	outline:0;
	}			
ins{
	text-decoration:none;
	}
del{
	text-decoration:line-through;
	}
table{
	border-collapse:collapse;
	border-spacing:0;
	}
input[type=hidden]{
	visibility:hidden;
	}
	
	
/* slightly enhanced, universal clearfix hack */
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
.clearfix{
	display:inline-block;
	}

/* start commented backslash hack \*/
* html .clearfix{
	height:1%;
	}
.clearfix{
	display:block;
	}
/* stop commented backslash hack */



/* Container
*********************************************************/
.container{
	width:920px;
	margin:0 auto;
	position:relative;
	}
	.container:after{
		visibility:hidden;
		display:block;
		font-size:0;
		content:" ";
		clear:both;
		height:0;
		}

/* Body
*********************************************************/

	
body{
	background:#fafafa url(images/bg.gif) 50% 0;
	font:100% 'Helvetica Neue','Helvetica','Arial',sans-serif;
	line-height:1.6;
	}

a{
	color:#79256f;
	font-weight:inherit;
	text-decoration:none;
	}
	a:hover{
		color:#555;
		text-decoration:underline;
		}
		
p{
	font-size:75%;
	color:#666;
	margin:15px 0;
	display:block;
	}
	
h1{
	font-size:135%;
	letter-spacing:-1px;
	line-height:1 !important;
	}
	h1.focus{
		text-transform:uppercase;
		line-height:1;
		margin:0 0 15px;
		}
	.post.page h1{
		display:none;
		}	
	.post.page h1.pagetitle{
		display:block;
		}
h2{
	font-size:115%;
	}
	h2.prefix{
		color:#666;
		margin:0;
		line-height:1;
		}
h3,
h5,
h6{
	font-size:100%;
	}
	
h4{
	font-size:82.5%;
	margin:0 0 -10px;
	line-height:0;
	display:block;
	}
	
h1,
h2,
h3,
h4,
h5,
h6{
	line-height:1.2;
	margin:0 0 5px;
	clear:left;
	font-weight:bold;
	color:#666;
	}
	h1 a,
	h2 a,
	h3 a,
	h4 a,
	h5 a,
	h6 a{
		}
		h1 a:hover,
		h2 a:hover,
		h3 a:hover,
		h4 a:hover,
		h5 a:hover,
		h6 a:hover{
			text-decoration:none;
			}
	h1 small,
	h2 small,
	h3 small,
	h4 small,
	h5 small,
	h6 small{
		float:right;
		}
	
small{
	font-size:67.5%;
	}
strong{
	font-weight:bold;
	}
em{
	font-style:italic;
	}
	
blockquote{
		display:block;
		float:left;
		clear:both;
		overflow:hidden;
		padding:12px 12px 1px;
		width:550px;
		border:2px solid #eee;
		margin-bottom:20px;
		}
	blockquote p{
		margin:3px 0 12px;
		color:#666;
		}	

	cite{
		display:block;
		color:#000;
		font-weight:bold;
		font-style:normal;
		padding:15px 0;
		margin-right:-5px;
		background:url(images/icon-quote-right.jpg) no-repeat 100% 0;
		}
		

#main .button,
.submit input{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#79256f url(images/36px-blended.png) 0 0;
	padding:5px 12px 8px;
	cursor:pointer;
	display:inline-block;
	font-weight:bold;
	line-height:1;
	overflow:visible;
	position: relative;
	text-decoration:none;
	width:auto;
	outline:0;
	color:#fff !important;
	font-size:11px;
	margin:0;
	border:none;
	font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;
	}
#main .button:hover,
.submit input:hover{
	background-color:#333;
	color:#fff !important;
	}
#main .button:active,
.submit input:active{
	top:1px;
	}
		

hr{
	background-color:#ddd;
	color:#ddd;
	border:none;
	margin:0 0 20px 0;
	height:1px;
	display:block;
	width:100%;
	float:left;
	clear:both;
	}



.alignleft{
	float:left;
	margin:0 15px 15px 0;
	}
.alignright{
	float:right;
	margin:0 0 15px 15px;
	}
.aligncenter{
	display:block;
	margin:15px auto;
	}
	
	
.productthumbside{
	float:right;
	margin:0 0 10px 10px;
	}
	.productthumbside img{
		border:2px solid #ccc;
		width:80px;
		height:80px;
		}

#wrapper{
	background:url(images/bg-top.jpg) repeat-x 50% 0;
	}

#header{
	padding:20px 0 0;
	}
	#logo a{
		background:url(images/logo.jpg) no-repeat;
		width:330px;
		height:0;
		padding-top:67px;
		overflow:hidden;
		float:left;
		display:block;
		margin:0 0 13px 0;
		}
				
	#nav{
		width:590px;
		margin:5px 0 0;
		float:left;
		display:block;
		}
		#nav ul{
			display:block;
			float:right;
			}
			#nav li{
				float:left;
				display:block;
				}
				#nav li a{
					display:block;
					float:left;
					line-height:40px;
					height:40px;
					color:#666;
					font-weight:600;
					text-shadow: 0px 2px 3px #fff;
					padding:0 10px 0 21px;
					font-size:15px;
					}
					#nav li a:hover{
						text-decoration:none;
						color:#333;
						}
					#nav li.current_page_item a,
					#nav li.current_page_ancestor a,
					#nav li.current_page_parent a,
					body.blog #nav li.page-item-45 a,
					body.work #nav li.page-item-16 a{
						color:#999;
						}
						#nav li.current_page_item a:hover,
						#nav li.current_page_ancestor a:hover,
						#nav li.current_page_parent a:hover,
						body.blog #nav li.page-item-45 a:hover,
						body.work #nav li.page-item-16 a:hover{
							color:#999;
							}


#subnav{
	height:47px;
	}
				
		#subnav ul{
			display:block;
			float:left;
			width:920px;
			padding:0;
			margin:0;
			}
			#subnav li{
				float:left;
				display:block;
				padding:0;
				margin:0;
					position:relative;
				}
				#subnav li a{
					display:block;
					float:left;
					height:0;
					padding:47px 0 0 0;
					margin:0;
					overflow:hidden;
					background-repeat:repeat-x;
					background-position:0 0;
					background-color:none;
					}
					#subnav li a:hover{
						opacity:0.8;
						}
					#subnav li ul{
						position:absolute;
						top:46px;
						left:4px;
						background:#833778;
						z-index:200;
						width:auto;
						display:none;
						}
						#subnav li.preconception ul,
						#subnav li.breastfeeding ul{
							left:3px;
							}
						#subnav li.pregnancy ul{
							left:2px;
							}
						#subnav li:hover ul{
							display:block;
							}
						#subnav li li a{
							padding:10px 37px 10px 27px;
							height:auto;
							color:#fff;
							font-size:13px;
							font-weight:bold;
							border-top:1px solid #ccc;
							background-image:none !important;
							width:320px !important;
							white-space:nowrap;
							}
						
						
					#subnav li.fertility a{
						background-image:url(images/nav-fertility.jpg);
						width:123px;
						}
					#subnav li.preconception a{
						background-image:url(images/nav-preconception.jpg);
						background-position:1px 0;
						width:178px;
						}
					#subnav li.pregnancy a{
						background-image:url(images/nav-pregnancy.jpg);
						width:136px;
						}
					#subnav li.breastfeeding a{
						background-image:url(images/nav-breastfeeding.jpg);
						width:174px;
						}
					#subnav li.basket a{
						background-image:url(images/nav-basket.gif);
						width:181px;
						}
					#subnav li.checkout a{
						background-image:url(images/nav-checkout.gif);
						width:125px;
						}

#main{
	margin-top:20px;
	}

#content{
	width:600px;
	float:left;
	margin:0 10px 0 0;
	}
		
	#content ul{
		margin:10px 25px 20px 25px;
		list-style:disc;
		font-size:75%;
		color:#666;
		display:block;
		}
		#content li{
			margin:2px 0 10px;
			width:100%;
			}
			#content li ul{
				font-size:100%;
				list-style:circle;
				margin:2px 0 2px 10px;
				color:#666;
				}
	
	#content ol{
		margin:10px 25px 20px 25px;
		list-style:decimal;
		font-size:75%;
		color:#666;
		display:block;
		clear:left;
		}


#content li *{
	font-size:100% !important;
	}
	#content li li{
		margin-left:20px;
		}
	
#content table{
	font-size:75%;
	margin:0 0 20px;
	border-collapse:collapse;
	text-align:left;
	float:left;
	clear:both;
	}
	#content thead th{
		font-weight:bold;
		color:#333;
		padding:10px 8px;
		border-bottom:2px solid #ccc;
		background:#eee;
		}
	#content tbody th{
		font-weight:bold;
		}
	#content tbody th,
	#content tbody td{
		border-bottom:1px solid #ddd;
		color:#666;
		padding:6px 8px;
		}
		#content tbody td.note{
			color:#999;
			border-bottom:none;
			font-size:90%;
			font-style:italic;
			}
	
	#content tbody tr:hover th,
	#content tbody tr:hover td{
		color:#111;
		}


		
	#content #mastwrap{
		width:600px;
		height:320px;
		overflow:hidden;
		margin:0 0 10px;
		position:relative;
		background:#eee;
		}
	#content #mast{
		width:600px;
		position:relative;
		height:320px;
		list-style:none;
		overflow:hidden;
		font-size:100%;
		margin:0;
		}
		
		#content #mast li{
			position:absolute;
			display:none;
			float:left;
			width:600px;
			height:290px;
			margin:0;
			}
			
			#mast li a{
				width:600px;
				height:290px;
				display:block;
				overflow:hidden;
				}
			
				#mast li a img{
					width:600px;
					border-bottom:1px solid #ccc;
					}					
						
				#mast .caption{
					display:none;
					}				
				
				#mastcaption{
					display:none;
					position:absolute;
					top:290px;
					height:30px;
					left:0;
					line-height:30px;
					font-size:12px;
					text-indent:10px;
					z-index:100;
					width:600px;
					color:#666;
					font-weight:bold;
					}
					#mastcaption *{
						margin:0;
						line-height:1;
						}
						#mastcaption strong{
							color:#333;
							}
							
				#content #mastnav{
					position:absolute;
					right:10px;
					top:298px;
					z-index:999;
					}
					
				#content #mastnav a{  
					text-indent:-9999em;
					display:block; 
					width:12px; 
					height:12px; 
					float:left; 
					margin-left:5px; 
					cursor:pointer; 
					overflow:hidden;
					background:url(images/icon-circle-grey.gif) no-repeat;
					}
					
				#content #mastnav a.activeSlide,
				#content #mastnav a:hover{
					background:url(images/icon-circle-pink.gif) no-repeat;
					}
	

	.navigation{		
		display:block;
		float:left;
		clear:both;
		width:670px;
		overflow:hidden;
		padding:15px 15px 1px;
		margin-bottom:20px;
		}
		.navigation .alignleft{
			float:left;
			}
		.navigation .alignright{
			float:right;
			}
		#content .navigation a{
			color:#fff;
			font-weight:bold;
			}
	
	.post{
		display:block;
		float:left;
		clear:both;
		width:600px;
		overflow:hidden;
		background:#fff;
		margin-bottom:10px;
		}
		.post img.alignright,
		.post img.alignleft{
			display:block;
			max-width:670px;
			}
			.post a:hover img{
				background:#000;
				}
	
	
	#content p.leader{
		color:#666;
		font-weight:bold;
		margin:0;
		}
	#content p.note{
		color:#666;
		margin:5px 0 20px;
		border:2px solid #ddd;
		padding:10px;
		font-size:10px;
		}
		#content p.leader a{
			color:#666;
			}
		
	.commenttitle cite{
		padding:0;
		background:none;
		}
		
			
	.posthead{
		margin-bottom:15px;
		}			
		.retweet{
			float:right;
			padding:0px 0 0;
			margin:0 0 0 15px;
			}
		
	.postfoot{
		margin:15px 0 15px;
		padding:15px 0 0;
		border-top:1px solid #ddd;
		clear:both;
		}
		.postfoot p{
			margin:0;
			clear:none;
			}
			.postfoot p.date{
				float:left;
				}
			.postfoot p.comments{
				float:right;
				}

			
	
#content ol.commentlist{
	margin:20px 0;
	padding:0;
	list-style:none;
	font-size:75%;
	}
	#content ol.commentlist li{
		font-size:100%;
		}
		#content ol.commentlist li div.commenttitle{
			padding:5px 10px;
			background:#eee;
			border:1px solid #ddd;
			border-width:1px 1px 0;
			}
			#content ol.commentlist li div.commenttitle cite a{
				text-decoration:none;
				font-style:normal;
				font-size:150%;
				}
			#content ol.commentlist li div.commenttitle img{
				float:right;
				display:block;
				padding:3px;
				background:#fff;
				border:1px solid #bbb;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				}
			#content ol.commentlist li div.commenttitle small{
				padding-top:2px;
				text-decoration:none;
				font-size:87.5%;
				color:#555;
				display:block;
				}
				#content ol.commentlist li div.commenttitle small a{
					color:#555;
					}
				
				
		#content ol.commentlist li div.commentbody{
			padding:0 10px;
			border:1px solid #ddd;
			margin-bottom:16px;
			}
			#content ol.commentlist li div.commentbody p{
				padding:0 !important;
				margin:10px 0 !important;
				font-size:100%;
				}

	
			
	
#sidebar{
	float:left;
	width:310px;
	padding:0;
	}
	

	#sidebar ul{
		list-style:none;
		margin:0;
		font-size:100%;
		}
		#sidebar ul li{	
			width:280px;
			float:left;
			background:#ebebe8 url(images/bg-grad-box.gif) repeat-x 0 100%;
			padding:13px 15px 1px;
			margin:0 0 10px;
			display:block;
			float:left;
			clear:both;
			}
			#sidebar ul li.ad{
				padding:0;
				width:310px;
				}
			#sidebar ul li.pink{
				background:#873b7e url(images/bg-grad-box-purple.gif) repeat-x 0 100%;
				}
				#sidebar ul li.pink p{
					color:#000;
					}
				#sidebar ul li.pink h3{
					color:#fff;
					}
				#sidebar ul li.pink input.text{
					border:none;
					background:#fff;
					color:#666;
					line-height:24px;
					height:24px;
					font-family:Arial,sans-serif;
					width:195px;
					display:block;
					float:left;
					margin:0 5px 0 0;
					padding:0 3px;
					}					
				#sidebar ul li.pink input.submit{
					border:none;
					background:#000;
					color:#fff;
					line-height:18px;
					height:24px;
					font-family:Arial,sans-serif;
					font-weight:bold;
					display:block;
					float:left;
					padding:0 8px;
					margin:0;
					}
				#sidebar ul li form{
					display:block;
					float:left;
					margin:0 0 15px 0;
					}
			
			#sidebar ul ul{
				margin:0 0 10px;
				display:block;
				float:left;
				border-bottom:1px solid #ccc;
				}
					
			#sidebar li li{
				margin:0;
				font-size:75%;
				padding:5px 0 5px 10px;
				border-top:1px solid #ccc;
				display:block;
				background:none;
				float:left;
				clear:both;
				width:270px;
				}
				#sidebar li li a{
					background:url(images/bullet-purple.gif) no-repeat 0 4px;
					padding-left:10px;
					}
				
				#sidebar ul ul ul{
					margin:2px 0 2px 10px;
					font-size:100%;
					}
					
			#sidebar img.alignright{
				margin:0 0 11px 5px;
				border:3px solid #fff;
				}
			#sidebar li.widget_tag_cloud{
				line-height:1;
				}
				#sidebar li.widget_tag_cloud a{
					white-space:nowrap;
					}
				
			#sidebar p.text input{
				width:180px;
				margin:0 0 5px;
				}
				
			#sidebar form{
				margin:-15px 0 10px;
				}
					
			#sidebar ul li h3{
				margin:0 0 11px;
				line-height:1;
				}			
			#sidebar ul li p{
				font-size:11px;
				margin:0 0 11px;
				line-height:1.4;
				}
			#sidebar ul li img{
				background:#eee;			
				}
				#sidebar ul li a:hover img{
					background:#ccc;
					}

		

		#sidebar .aktt_tweets ul li{
			margin:0;
			color:#fff;
			font-size:.9em;
			line-height:1.4;
			font-weight:bold;
			text-indent:0;
			background:none;
			}
			#sidebar .aktt_tweets .aktt_tweet_time{
				clear:left;
				display:block;
				font-size:11px;
				color:#000 !important;
				font-weight:normal !important;
				}
			
			
		
		
#footer{
	}
	#footer .container{
		padding:10px 0;
		margin:10px auto;
		border-top:2px solid #ddd;
		}
		#footer a{
			color:#666;
			}
			#footer a:hover{
				color:#333;
				}
				
	#footer p{
		font-size:70%;
		color:#666;
		margin:0;
		}
		
	#footer .social{
		color:#999;
		float:left;
		clear:left;
		line-height:14px;
		margin:3px 0 0;
		}
		#footer .social a{
			color:#999;
			margin:7px 20px 0 0;
			padding-left:17px;
			display:block;
			float:left;
			clear:left;
			}
			#footer .social a.facebook{
				background:url(images/icon-facebook.gif) no-repeat 0 0;				
				}
			#footer .social a.twitter{
				background:url(images/icon-twitter.gif) no-repeat 0 0;				
				}
			#footer .social a:hover{
				color:#333;
				}
	
	#footer .address{
		color:#999;	
		float:right;
		clear:right;
		margin:10px 0 0 0;
		text-align:right;	
		}
		#footer .address strong{
			font-weight:normal;
			font-style:italic;
			clear:both;
			display:block;
			}
			
	#footnav{
		display:block;
		float:right;
		font-size:70%;
		}
		#footnav li{
			display:inline;
			padding:0 0 0 3px;
			}
			#footnav li a{
				}
				#footnav li a:hover{
					}

small.meta{
	margin-top:10px;
	border-top:1px solid #ccc;
	padding-top:10px;
	font-size:10px;
	color:#666;
	display:block;
	clear:both;
	}


form{
	margin:0;
	float:left;
	position:relative;
	}
	
	#searchform{
		}
		#searchform p{
			float:left !important;
			width:auto !important;
			clear:none !important;
			margin-right:5px !important;
			}
			#searchform .text input{
				width:220px;
				float:left;
				}
			#searchform .submit input{
				float:left;
				}
	
	.post form{
		margin:15px 0;
		}
	form h1,
	form h2,
	form h3,
	form h4{
		margin:0 0 15px;
		}
	form p{
		margin:0 !important;
		padding:0 !important;
		display:block !important;
		clear:both !important;
		width:100% !important;
		}
	form p.intro{
		margin-bottom:20px !important;
		}
	.error{
		display:block;
		background:#ffc;
		color:#f00;
		border:1px solid #fcc;
		font-weight:bold;
		float:left;
		text-align:center;
		width:100%;
		margin:0 0 15px;
		padding:5px 0;
		}
	
	.text input,
	.text textarea{
	 	clear:left;
		display:block;
		float:left;
		width:590px;
		padding:4px;
		font-size:.825em;
		margin:0 0 15px 0;
		background:#fff;
		border:1px solid #ddd;
		font:100% Arial,sans-serif;
		color:#666;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		}
		.text:hover input,
		.text:hover textarea,
		.text:focus input,
		.text:focus textarea{
			border:1px solid #79256f;
			}
	.text select{
	 	clear:left;
		display:block;
		float:left;
		padding:5px;
		font-size:1em;
		margin:0 0 15px 0;
		background:#fff;
		border:1px solid #bbb;
		font:100% Arial,sans-serif;
		color:#333;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		}
	
	
	
		
	label{
		float:left;
		display:block;
		clear:left;
		font-size:1.2em;
		text-transform:uppercase;
		font-weight:bold;
		color:#999;
		}
		label.required:after {
			color:#79256f;
			content:" *";
			font-weight:bold;
			}
	.forgot{
		display:block;
		float:left;
		width:200px;
		font-size:.95em;
		color:#666;
		margin:-3px 0 12px 170px;
		}
	.submit input{
		float:right;
		cursor:pointer;
		}
	.check input{
		display:block;
		clear:both;
		float:left;
		margin:0 5px 15px 160px;
		cursor:pointer;
		}
	.check label{
		display:block;
		float:left;
		margin:-3px 0 10px 0;
		cursor:pointer;
		width:450px;
		}
.textwidgetnobor{
		background:#FFF;
		margin-top: -14px;
		margin-bottom: -2px;
		margin-left: -15px;
		}

.addtocart{
	margin-left:50px;
}