/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #ffffff;
color: #000;
font-family: Arial, Helvetica, sans-serif;
}

#wrap{
	position: relative;
	margin: auto;
	width: 940px;
}

	#head{
		position: relative;
		z-index: 20;
		padding-top: 10px;
		height: 78px;	
	}
	
		#logo{
			float: left;
			height: 40px;
			width: 316px;
			text-indent: -9999em;	
			background: url(/img/logo.gif) top left no-repeat;	
		}
		
		#search{
			position: relative;
			float: right;
			height: 31px;
		}
		
			#search label{
				float: left;
				padding: 10px 15px 0 0;
				height: 21px;
				font-size: 1.1em;
				text-transform: uppercase;
				font-weight: bold;
			}
			
			#search .text{
				float: left;
				padding: 9px 10px 0 10px;
				height: 22px;
				font-size: 12px;
				background: #EBEBEB;
				border: 0;
				width: 226px;
				margin-right: 10px;
				display: inline;	
				color: #666;
			}
			
			#search .submit{
				float: left;
				width: 40px;
				height: 31px;
				border: 0;
				text-indent: -9999em;
				color: transparent;
				text-transform: capitalize;
				background: url(/img/go-button.gif) top left;
			}
		
		
		#breadcrumb{
			float: left;
			color: #FF0052;
			padding: 7px 0 0 0;
			height: 22px;
			width: 400px;
			word-wrap: break-word;
			text-align: left;
		}
		
			#breadcrumb a{
				color: #999;	
				font-weight: 300;
			}
			
			#breadcrumb strong{
				color: #999;	
			}
		
		
		#nav{
			position: relative;
			clear: both;
			padding-top: 7px;
			height: 29px;
		}
		
			#nav ul{
				float: right;
				height: 29px;
				padding-left: 33px;
				background: #000 url(/img/nav-bg.gif) top left no-repeat;
			}
			
			#nav ul li{
				float: left;
				height: 29px;
			}
			
			#nav li a{
				float: left;
				padding: 7px 8px 0 8px;
				color: #fff;
				height: 22px;
				text-transform: uppercase;
				text-decoration: none;	
			}
			
			#nav li a:hover{
				background: #FF0052;
			}
			#topnav li:hover {
				background: #FF0052;
			}

	
	#poppy{
		position: relative;
		z-index: 25;
	}
	
	#page{
		position: relative;
		text-align: left;
		overflow: hidden;
		padding: 10px 0 10px 0;	
		z-index: 1;
	}	
		
		
		#product{
			position: relative;
			overflow: hidden;
			padding: 20px 0 20px 0;
		}
		
			#product-image{
				float: left;
				width: 420px;
				position: relative;
			}
			
			.back-product{
				float: left;
				width: 420px;
				display: block;
				padding: 10px 0 10px 30px;
				margin-bottom: 8px;
				color: #000;
				font-weight: bold;
				font-size: 1.2em;
				background: #E5E5E5 url(/img/return-cat.gif) left center no-repeat;
			}
				.back-product a{
					color: #000;
				}
			
			
			#product-info{
				float: right;
				width: 468px;
			}
			
				#product-info h1{
					position: relative;
					padding-top: 3px;
					border-bottom: 5px solid #e5e5e5;
				}
				#product-info h1 b{
					font-size: 1.4em
				}
				
				#product-info h2{
					position: relative;
					padding-top: 16px;
					text-decoration: underline;
					font-size: 1.5em;
					color: #000;
				}
				
				#product-info p{
					position: relative;
					line-height: 1.8em;
					padding-top: 1.2em;
				}
				
				#product-info span.the-price{
					font-size: 2em;
					font-weight: bold;
				}
				#product-info h2{
					color: #000;
					text-decoration: none;
				}
				#product-info a{
					color: #000;
				}
				
				.product-details{
					position: relative;
					margin-top: 1.2em;
					width: 300px;
					background: url(/img/details-line.gif) top left repeat-y;
				}
				
					.product-details li{
						position: relative;
						overflow: hidden;
						padding: 5px 0 5px 0;
						border-bottom: 1px solid #E5E5E5;
					}
					
					.product-details li strong{
						font-weight: bold;
						float: left;
						width: 140px;
					}
					
				
				.buy{
					position: relative;
					overflow: hidden;
					padding: 16px 0 16px 0;
					margin-bottom: 14px;
					border-bottom: 5px solid #e5e5e5;
				}
				
					#buy-this{
						float: left;
						height: 31px;
						width: 153px;
						text-indent: -9999em;
						background: url(/img/buttons/gotostore_off.gif) top left no-repeat;	
					}
				
				
				.more-info{
					position: relative;
				}
				
					.more-info ul{
						float: left;
					}
					
					.more-info li{
						line-height: 2em;	
					}
					
					.more-info li a{
						color: #000;
						padding-left: 16px;
						background: url(/img/detail-tick.gif) left center no-repeat;
					}
					
					#share{
						float: right;
						height: 16px;
						width: 125px;
						margin-top: 2.5em;
						margin-right: 50px;
					}
			
			
			.also{
				position: relative;
				overflow: hidden;
			}
			
				.also h3{
					font-size: 1.2em;
					text-transform: uppercase;
					padding: 8px 0 4px 0;
					border-bottom: 5px solid #000;
					margin-bottom: 5px;
				}
				
				.extra-bags{
					position: relative;
					overflow: hidden;
					width: 110%;
					padding-bottom: 18px;
				}
				
					.extra-bags li{
						float: left;
						width: 180px;
						height: 240px;
						padding-right: 8px;
						margin-bottom: 5px;
					}
					
					.thin-bag{
						position: relative;
						height: 161px;
						margin-bottom: 5px;
					}
					
						.thin-bag img{
							margin: auto;
							display: block;
						}
						
					.thin-info{
						position: relative;
						display: block;
						height: 78px;
						padding: 15px 14px 0 14px;
						background: #F0F0F0;
						text-align: left;	
					}
					
						.thin-info strong{
							font-weight: bold;
						}

		#content{
			float: right;
			width: 760px;	
			overflow: hidden;
		}
			#content .search-results{
				font-size: 1.2em;
			}
				#content .search-results a{
					color: #FF0052;
				}
			
			#content .underlined{
				text-decoration: underline;
			}
		
		#content .no-result{
			padding-top: 20px;
		}
			
		#twitter-feed{
			float: right;
			padding: 51px 55px 0px 20px;
			width: 175px;
			height: 120px;
			background: url(/img/lovingthatbag-twitter.png) right top no-repeat;
		}
			.clear{
				clear: both;
			}
			
			.page-head{
				position: relative;
			}
					
				.error{
					font-size: 1.5em;
					font-weight: 700;
					line-height: 1.8em;
				}
			
				.page-head img{
					display: block;
				}
				
				.page-head p{
					line-height: 1.5em;
					padding-bottom: 1.2em;
				}
				.page-head h1{
					font-size: 1.5em;
					font-weight: 700;
					padding-bottom: 8px;
				}
			.head-text{
				font-size: 1.14em;
				margin-top: 14px;
				margin-left: 10px;
				margin-right: 255px;
			}
	
			.paginate{
				padding: 8px 0 8px 0;
				text-align: right;	
			}
			
				.page-count{
					padding-left: 30px;
				}
				
				.paginate a{
					color: #000;	
					margin: 0 5px 0 5px;
				}
				
				.paginate a:hover, .paginate a.active{
					color: #FF0052;
					text-decoration: underline;
				}
				
				.go-back{
					padding-left: 16px;
					background: url(/img/go-left.gif) left center no-repeat;	
				}
				
				.go-forward{
					padding-right: 16px;
					background: url(/img/go-right.gif) right center no-repeat;
				}
				
				.paginate.alt{
					border-bottom: 3px solid #000;
				}
				.paginate .back-top{
					padding-bottom: 15px;
				}
			
			
			#content h2{
				position: relative;
				padding: 12px 0 2px 0;
				font-size: 1.2em;
				text-transform: uppercase;
				border-bottom: 3px solid #000;	
			}
			
			.bags{
				width: 110%;
				position: relative;
				overflow: hidden;
				padding-bottom: 40px;
			}
			
				.bags li{
					background: #FFFFFF url(/img/loader.gif) no-repeat 45% 25%;	
					float: left;
					width: 240px;
					height: 279px;	
					padding-right: 20px;
					position: relative;
					margin: 15px 0 10px;
				}
				
				.bag-alert{
					position: absolute;
					top: 2px;
					left: 0;
					z-index: 10; 
				}
				.sale-text{
					color: #FF0052;
					position: absolute;
					top: 25px;
					left: 0px;
					z-index: 10;
				}
					.sale-number{
						font-size: 1.2em;
					}
				
				
				.bag-image{
					position: relative;
					height: 194px;
					padding: 5px 0 5px;
					display: table-cell;
					vertical-align: middle;
				}
					.bag-image-inner{
						width: 240px;
						
					}
					.bag-image img{
						display: block;
						margin: auto;
					}
				
				.bag-info{
					height: 102px;	
					position: relative;
					background: #F0F0F0;
					padding: 0 12px 0 12px;
					padding-bottom: 4px;
				}
				
					.bag-info p{
						position: relative;
						overflow: hidden;
						line-height: 1.4em;
						padding: .7em 0 .3em 0;
					}
					.bag-price{
						position: absolute;
						bottom: 10px;
						width: 200px;
					}
					
					.bag-info strong{
						font-weight: bold;	
					}
					
					.bag-info .more-info{
						float: left;
						padding: 3px 10px 3px 10px;
						font-size: 1em;
						text-transform: uppercase;
						font-weight: bold;
						color: #fff;
						background: #787878;
						text-decoration: none;
					}
					.bag-info a:hover{
						background: #FF0049
					}

					.price{
						float: right;
						font-size: 1.5em;
						font-weight: bold;
					}


		#sidebar{
			position: relative;
			float: left;
			width: 170px;
			z-index: 30;	
		}
		
			#sidebar h3{
				text-align: center;
				padding: 10px 0 10px 0;
				background: #ccc;
				font-size: 1.1em;
				font-weight: bold;
				border-bottom: 1px solid #F5296A;	
			}
			
			#sidebar h4{
				position: relative;
				padding: 9px 0 9px 12px;
				font-weight: bold;
				color: #111;
				background: #E1E1E1 url(/img/is-open.gif) right center no-repeat;
				border-bottom: 1px solid #CBCBCB;
				border-top: 1px solid #CBCBCB;
			}
			
			.active-link{
				display: block;
				text-align: center;
				padding: 10px 0 10px 12px;
				font-size: 1.1em;
				font-weight: bold;
				text-align: left;
				color: #000;	
				background: #FFD6E3;
				background-position: 131px 9px;
				border-bottom: 1px solid #F5296A;	
			}
				.active-link img{
					padding: 0 7px 0 5px;
					float: right;
				}
				.active-link span{
					color: #666;
					font-weight: normal;
				}
			
			.widget{
				position: relative;
				margin-bottom: 3px;
				background: #F0F0F0;
				padding: 5px 0 5px 12px;	
			}
			
				.color1{
					float: left;
					margin: 8px 10px 0 6px;
					height: 9px;
					width: 9px;
					background: #000;
					overflow: hidden;
				}
				
				.color2{
					float: left;
					margin: 8px 10px 0 6px;
					height: 9px;
					width: 9px;
					background: #996633;
					overflow: hidden;
				}
				
				.color3{
					float: left;
					margin: 8px 10px 0 6px;
					height: 9px;
					width: 9px;
					background: #CC9966;
					overflow: hidden;
				}
				
				.color4{
					float: left;
					margin: 8px 10px 0 6px;
					height: 9px;
					width: 9px;
					background: #ccc;
					overflow: hidden;
				}
				
				.color5{
					float: left;
					margin: 8px 10px 0 6px;
					height: 9px;
					width: 9px;
					background: #CC9966;
					overflow: hidden;
				}
				
				.color6{
					float: left;
					margin: 8px 10px 0 6px;
					height: 9px;
					width: 9px;
					background: #fff;
					overflow: hidden;
				}
				
				.color7{
					float: left;
					margin: 8px 10px 0 6px;
					height: 9px;
					width: 9px;
					background: #FFCC99;
					overflow: hidden;
				}
				.widget li{
					position: relative;
					line-height: 2em;
					list-style: none;
				}
				
				.widget li a{
					color: #000;	
				}
				
				.widget li a span{
					color: #666;
				}
				
				.widget li.more{
					line-height: 2.2em;
					font-weight: bold;
					text-decoration: underline;
				}
				
				.facebook{
					position: relative;
					font-size: 11px;
					padding: 0 8px 12px 42px;
					background: url(/img/social1.gif) top left no-repeat;
				}
				
				.twitter{
					position: relative;
					font-size: 11px;
					padding: 0 8px 12px 42px;
					background: url(/img/social2.gif) top left no-repeat;
				}
				
				.letter{
					position: relative;
					font-size: 11px;
					padding: 0 8px 12px 42px;
					background: url(/img/social3.gif) top left no-repeat;
				}
				
				.facebook a, .twitter a, .letter a{
					color: #ff0052;
					text-decoration: underline;
				}
			
	
	
	
	#bottom{
		height: 22px;
		color: #FF0050;
		position: relative;
		padding-top: 7px;
		padding-right: 18px;
		padding-left: 33px;
		background: #000 url(/img/nav-bg.gif) top left no-repeat;
	}			
	
		#bottom a{
			color: #fff;
			margin: 0 6px 0 6px;
		}
	
		.bottom-links{
			float: left;
		}
		
		.copyright{
			float: right;
			color: #fff;
		}