/*
	Title # Organic Clothing Boutique
	Date  # 09 July 2010
*/

body{ padding:0px; margin:0px; background-color:#FFFFFF; }

h1{ font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; color:#5c6b30;
				background:url(../images/ocb_line4.gif) bottom left no-repeat; padding-bottom:8px;
			  }	

#wrap{
	  width:1040px;
	  margin:auto;
	  text-align:left;
	  }
	  
#wrap2{
	   width:1040px;
	   padding:0px 0px 30px 0px;
	   float:left;
	   position:relative;
	   }
	   
h1,h2,h3{ padding:0px; margin:0px; }
ul{ padding:0px; margin:0px; }

a{ text-decoration:none; }

.input_box{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#748938; width:185px; height:19px; border:none;
		    background:none;
		  }		  
.input_box2{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; width:129px; height:20px;
			 background-color:#FFFFFF; border-left:1px solid #e9f4db; border-bottom:1px solid #e9f3da; border-right:none; border-top:none;
		  }
.input_box3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	width:97px;
	height:20px;
	background-color:#FFFFFF;
	border:1px solid #dddbdb;
		  }		  		  

/* ================================================ Start text ============================================== */

.prepand{ padding-top:5px; }
.prepand2{ padding-top:10px; }
.prepand3{ padding-top:15px; }
.prepand4{ padding-top:20px; }
.prepand5{ padding-top:25px; }
.prepand6{ padding-top:30px; }

.color{ color:#2e84dc; text-decoration:underline; }
.color2{ color:#f5020d; }
.color3{ text-decoration:line-through; }

.text{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#9b9b9b; padding-left:25px; }
.text2{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#6e6e6e; }

.font{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#ffffff; }
	.font a{ color:#ffffff; }
		.font a:hover{ color:#0369dc; }
.font2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#0369dc; }	
.font3{ font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:normal; color:#0369dc; padding:5px 0px 0px 25px; }
.font4{ font-family:Georgia, "Times New Roman", Times, serif; font-size:56px; font-weight:normal; color:#ffffff; }	
.font5{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:normal; color:#ffffff; }
	.font5 a{ color:#ffffff; }
		.font5 a:hover{ color:#000000; }	
.font6{ font-family:Georgia, "Times New Roman", Times, serif; font-size:65px; font-weight:normal; color:#ffffff; }	
.font7{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#9b9b9b; }
.font8{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#5c6b30; }	
.font9{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#207cda; margin-top:2px; margin-left:11px;
		background:url(../images/ocb_bullet2.gif) left no-repeat; padding-left:7px; background-position:0 .5em;
	  }
	.font9 a{ color:#207cda; text-decoration:underline; }
		.font9 a:hover{ color:#207cda; text-decoration:none; }    	
.font10{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#46371d; }	
.font11{ font-family:"Times New Roman", Times, serif; font-size:13px; font-weight:normal; color:#46371d; }	
.font12{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#3d3a34; }	
.font13{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#46371d; }
	.font13 a{ color:#46371d; text-decoration:underline; }
		.font13 a:hover{ color:#000000; text-decoration:none; }		

/* ================================================ End text ============================================== */	   


/* ================================================ Start Top ============================================== */

#top{
	 width:1040px;
	 padding-bottom:6px;
	 float:left;
	 position:relative;
	 }
	 
	.top-left{
			  width:686px;
			  float:left;
			  position:relative;
			  }
			  
	.top-right{
			  width:341px;
			  float:right;
			  position:relative;
			  }	
			  
		.my-account{
					width:321px;
					padding-left:13px;
					background:url(../images/ocb_my_account.jpg) no-repeat;
					height:22px;
					padding-top:4px;
					float:left;
					position:relative;
					}	  	   

/* ================================================ End Top ============================================== */	   


/* ================================================ Start Navigation ============================================== */

#navigation{
		    width:1040px;
			background:url(../images/ocb_nav.gif) repeat-x;
			height:37px;
		    float:left;
		    position:relative;
		    }
			
	.nav-line{	
			  width:8px;
			  float:left;
			  position:relative;
			  }
			  
	.nav-line-right{	
				  width:8px;
				  float:right;
				  position:relative;
				  }	
				  
.girl-model{
			width:101px;
			float:left;
			position:absolute;
			top:-114px;
			left:940px;
			z-index:10000;
			}
				  	  
			  
.nav{
	 width:700px;
	 padding:3px 0px 0px 3px;
	 float:left;
	 position:relative;
	 font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#ffffff;
	 z-index:1;
	 }
	 
	 
.nav ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.nav ul li{
position: relative;
display: inline;
float: left;
background:url(../images/ocb_nav_line.gif) left no-repeat;
}

/*Top level menu link items style*/
.nav ul li a{
display: block;
background:none;
 /*background of tabs (default state)*/
padding:0px 15px 0px 15px;
line-height:32px;
text-decoration:none;
color:#FFFFFF;
}

/*	*padding:5px 14px 7px 14px;
	*height:25px;
	
*/

* html .nav ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.nav ul li a:link, .nav ul li a:visited{
}

.nav ul li a:hover{
 /*tab link background during hover state*/
color:#000000;
}
	
/*1st sub level menu*/
.nav ul li ul{
position:absolute;
display: block;
visibility: hidden;
padding-top:0px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.nav ul li ul li{
display: list-item;
float:none;
}


/* Sub level menu links style */

.nav ul li ul li a{
font-size:12px; font-weight:normal;
color:#FFFFFF;
width:186px;
background:#87b345 url(../images/ocb_sub_nav.gif) repeat-x;
text-align:left;
border-left:1px solid #e6eed5;
border-right:1px solid #e6eed5;
border-top:1px solid #ffffff;
line-height:20px;
}

.nav ul li ul li a:hover{ /*sub menus hover style*/
font-size:12px; font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
width:186px;
background:#e2edd3 url(../images/ocb_sub_nav_hover.gif) repeat-x;
color:#000000;
}

.nav li.fixed{ color:#DAB02E; padding:7px 15px 0px 15px; float:left; }		
.nav li.fixed2{ background:none; }	 
.nav li.fixed3{ color:#DAB02E; padding:7px 15px 0px 15px; float:left; background:none; }
	 
	 
.search{
	    width:191px;
		padding-left:10px;
		background:url(../images/ocb_search.gif) no-repeat;
		height:23px;
		padding-top:2px;
	    float:left;
	    position:relative;
		margin-top:6px;
	    }
		
.go-button{
	      width:25px;
		  padding-top:6px;
	      float:left;
	      position:relative;
	      }			 			  		
  
/* ================================================ End Navigation ============================================== */	   


/* ================================================ Start Block Body ============================================== */

#block-body{
		    width:1040px;
			padding:11px 0px 190px 0px;
		    float:left;
		    position:relative;
			*z-index:-1;
		    }
			
/* ---------------------- Start Left ------------------------- */

.left{
	  width:189px;
	  float:left;
	  position:relative;
	  }
	  
	  
	.featured{
			  width:180px;
			  padding-left:9px;
			  background:url(../images/ocb_featured.jpg) no-repeat;
			  height:18px;
			  padding-top:1px;
			  float:left;
			  position:relative;
			  }	  
		
		.featured h2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#f8f9f2; }
		
	.featured-body{
				  width:189px;
				  float:left;
				  position:relative;
				  }
	  
	.featured-body ul{ padding-left:11px; }
		  .featured-body li{ font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#207cda; list-style:none; 
		  					 position:relative; background:url(../images/ocb_bullet2.gif) left no-repeat; padding-left:7px; line-height:15px; 
							 background-position:0 .6em;
				   		   }
			   .featured-body li a{ color:#207cda; text-decoration:underline; }
			   	   .featured-body li a:hover{ color:#5c6b30; text-decoration:none; }  	
		
				   
	.womens{
		  width:180px;
		  padding-left:9px;
		  background:url(../images/ocb_womens.gif) no-repeat;
		  height:17px;
		  padding-top:1px;
		  float:left;
		  position:relative;
		  margin-top:24px;
		  }	
		  
		.womens h2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#f8f9f2; } 
		
	.womens-body{
			  width:175px;
			  padding:12px 0px 15px 13px;
			  background-color:#eeeeee;
			  border-left:1px solid #f1f1f1;
			  float:left;
			  position:relative;
			  }
			  
	   .womens-body li{ font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#000000; list-style:none; 
	   					position:relative; background:url(../images/ocb_bullet3.gif) left no-repeat; padding-left:7px; line-height:14px; 
				      }
		   .womens-body li a{ color:#000000; }
			   .womens-body li a:hover{ color:#000000; text-decoration:underline; }
			   
	.news-letter{
			     width:177px;
				 padding:3px 5px 6px 5px;
				 background:#b6d884 url(../images/ocb_news_letter.gif) repeat-x;
				 border-left:1px solid #e4e3e3;
				 border-right:1px solid #dfdede;
			     float:left;
			     position:relative;
			     }
				 
		.news-letter h2{ font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; color:#9b9b9b; }
		
	.latest-blogs{
				  width:189px;
				  padding-top:12px;
				  float:left;
				  position:relative;
				  }	
				  
		.latest-blogs h2{ font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:normal; color:#8bb967;
					      background:url(../images/ocb_line5.gif) bottom left no-repeat; padding-bottom:2px;
					    }		  
				 		   	
	.brand-body{
			  width:177px;
			  padding:10px 0px 0px 11px;
			  background:url(../images/ocb_brand_body.jpg) top center no-repeat;
			  float:left;
			  position:relative;
			  }

		  .brand-body li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#207cda; list-style:none; 
						  position:relative; background:url(../images/ocb_bullet2.gif) left no-repeat; padding-left:7px; line-height:17px; 
						  background-position:0 .6em;
					    }
		   .brand-body li a{ color:#207cda; text-decoration:underline; }
			   .brand-body li a:hover{ color:#5c6b30; text-decoration:none; }						  	 		   	  

/* ---------------------- End Left ------------------------- */	


/* ---------------------- Start Right ------------------------- */

.right{
	  width:841px;
	  float:right;
	  position:relative;
	  }
	  
	.right h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#5c6b30;
				background:url(../images/ocb_line4.gif) bottom left no-repeat; padding-bottom:8px;
			  }		    

	.fashion{
			 width:601px;
			 float:left;
			 position:relative;
			 }
			 
	.summer-sale{
				 width:226px;
				 float:right;
				 position:relative;
				 }
				 
		.summer-sale-mid{
						 width:224px;
						 padding:0px 0px 2px 0px;
						 background:#01aae0 url(../images/ocb_summer_sale_mid.gif) repeat-x;
						 border-left:1px solid #efeeee;
						 border-right:1px solid #c1e1ec;
						 float:left;
						 position:relative;
						 text-align:center;
						 }
						 
		.stay-connected{
						width:225px;
						background:url(../images/ocb_stay_connected.jpg) no-repeat;
						height:107px;
						padding-top:12px;
						float:left;
						position:relative;
						text-align:center;
						margin-top:11px;
						}
						
			.stay-connected h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:23px; font-weight:normal; color:#5c5b5a;
							    background:url(../images/ocb_line.gif) bottom center no-repeat; padding-bottom:4px;
							  }	
							  
			.mens-organic{
						  width:852px;
						  float:left;
						  position:absolute;
						  top:-16px;
						  left:-10px;
						  z-index:2;
						  }
						  
	.featured-items{
				  width:841px;
				  padding-top:158px;
				  float:left;
				  position:relative;
				  }	
				  
		.featured-items h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#5c6b30;
							background:url(../images/ocb_line4.gif) bottom left no-repeat; padding-bottom:8px;
						  }	
						  
	.item-box-left{
				  width:182px;
				  padding:14px 0px 0px 60px;
				  float:left;
				  position:relative;
				  }
			  
		.item-box{
	width:182px;
	padding:2px 0px 0px 0px;
	border-top:1px solid #d9d9d8;
	text-align:center;
	float:left;
	position:relative;
	border-bottom: 1px solid #d9d9d8;
				  }
				  
		.item-box-text{
					  width:182px;
					  padding-top:6px;
					  float:left;
					  position:relative;
					  }		  	
			  
	.item-box-mid{
				  width:182px;
				  padding:14px 0px 0px 86px;
				  float:left;
				  position:relative;
				  }
				  
	.item-box-right{
				  width:182px;
				  padding:14px 0px 0px 76px;
				  float:left;
				  position:relative;
				  }			  		    			  				  	  				  				  						 		 		   

/* ---------------------- End Right ------------------------- */			

/* ================================================ End Block Body ============================================== */	   


/* ================================================ Start Bootom ============================================== */

#bottom-logo{
		    width:976px;
			padding:0px 35px 0px 28px;
			background:url(../images/ocb_bottom_logo.gif) repeat;
			height:86px;
		    float:left;
		    position:relative;
		    }
			
.bottom-field{
		    width:1039px;
		    float:left;
		    position:relative;
		    }
			
	.bottom-field-mid{
					width:1018px;
					padding:10px 0px 12px 19px;
					background:#bfd58e url(../images/ocb_bottom_field_mid.gif) repeat-x;
					border-left:1px solid #d6e6b1;
					border-right:1px solid #f3f8e9;
					float:left;
					position:relative;
					}
					
		.store{
			   width:204px;
			   float:left;
			   position:relative;
			   }
			   
		  .store h2{ font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; color:#5c6b30; }
			
		  .store ul{ padding-left:4px; padding-top:8px; }
		  .store li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#5c6b30; list-style:none; position:relative;
		  		     background:url(../images/ocb_bullet.gif) left no-repeat; padding-left:8px;
				   }
			   .store li a{ color:#5c6b30; }
			   	   .store li a:hover{ color:#5c6b30; text-decoration:underline; }
				   
				   
		.orders{
			   width:209px;
			   float:left;
			   position:relative;
			   }
			   
		  .orders h2{ font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; color:#5c6b30; }
			
		  .orders ul{ padding-left:7px; padding-top:8px; }
		  .orders li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#5c6b30; list-style:none; position:relative;
		  		     background:url(../images/ocb_bullet.gif) left no-repeat; padding-left:8px;
				   }
			   .orders li a{ color:#5c6b30; }
			   	   .orders li a:hover{ color:#5c6b30; text-decoration:underline; }
				   
				   
		.company{
			   width:206px;
			   float:left;
			   position:relative;
			   }
			   
		 .company h2{ font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; color:#5c6b30; }
			
		 .company ul{ padding-left:11px; padding-top:8px; }
		 .company li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#5c6b30; list-style:none; position:relative;
		  		     background:url(../images/ocb_bullet.gif) left no-repeat; padding-left:8px;
				   }
			  .company li a{ color:#5c6b30; }
			   	  .company li a:hover{ color:#5c6b30; text-decoration:underline; }
				  
				  
		.customer-service{
					   width:214px;
					   float:left;
					   position:relative;
					   }
			   
		 .customer-service h2{ font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; color:#5c6b30; }
			
		 .customer-service ul{ padding-left:18px; padding-top:8px; }
		 .customer-service li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#5c6b30; list-style:none; 
		 					   position:relative; background:url(../images/ocb_bullet.gif) left no-repeat; padding-left:8px;
				  			 }
			  .customer-service li a{ color:#5c6b30; }
			   	  .customer-service li a:hover{ color:#5c6b30; text-decoration:underline; }	
				  
		.facebook-twitter{
					   width:151px;
					   float:left;
					   position:relative;
					   }		  	  		   		   	      								

/* ================================================ End Bootom ============================================== */	   


/* ================================================ Start Footer ============================================== */

#footer{
		width:1040px;
		padding-top:12px;
		text-align:center;
		float:left;
		position:relative;
		}
		
	.footer-font{ font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#7d7d7d; }
		.footer-font a{ color:#7d7d7d; }
			.footer-font a:hover{ color:#000000; text-decoration:underline; }	

/* ================================================ End Footer ============================================== */



/* ============================================== Start Sub Page ============================================ */

.sub-right{
		  width:810px;
		  padding:0px 0px 0px 23px;
		  float:left;
		  position:relative;
		  }
		  
.sub-right-top{
			  width:810px;
			  float:left;
			  position:relative;
			  }		  
		  
	.organic-left{
				  width:317px;
				  float:left;
				  position:relative;
				  }		  

				 
		.baby-organic-image{
						 width:315px;
						 padding:2px 0px 0px 0px;
						 border:1px solid #e9e9e9;
						 text-align:center;
						 float:left;
						 position:relative;
						 margin-top:10px;
						 }
						 
		.sub-featured-items{
						  width:805px;
						  padding-top:85px;
						  float:left;
						  position:relative;
						  }	
						  
				.sub-featured-items h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#5c6b30;
										background:url(../images/ocb_line6.gif) bottom left no-repeat; padding-bottom:8px;
									  }			
									  
	.organic-right{
				  width:417px;
				  padding:45px 0px 0px 34px;
				  float:left;
				  position:relative;
				  }	
				  
		.organic-right-top{
						  width:417px;
						  float:left;
						  position:relative;
						  }
						  
			.organic-right-top h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal; color:#474644;
								   background:url(../images/ocb_line7.gif) bottom left no-repeat; padding-bottom:7px;
								  }	
								  
		.availible-color{
						width:105px;
						float:left;
						position:relative;
						}
						
		.prize-box{
				  width:262px;
				  float:right;
				  position:relative;
				  }
				  
			.prize-box-mid{
						  width:240px;
						  padding:8px 10px 8px 10px;
						  background:#ebebeb url(../images/ocb_prize_box_mid.gif) repeat-x;
						  border-left:1px solid #e3e3e3;
						  border-right:1px solid #e6e6e6;
						  float:left;
						  position:relative;
						  }	  										  		  			  								    				 		   	     
.thingreypaddingcategory {
	padding-right: 25px;
	padding-left: 25px;
	margin-right: 25px;
	margin-left: 25px;
}