/* Import tell a friend css */
	
@import url("friend.css");	

DIV.catalog {
	width: auto;
	padding: 22px 15px 5px 36px;
}

	DIV.catalog .content { text-align: left; }
	
	DIV.catalog .content .productList { 
		width: 215px;
		float: left;
		margin-right:10px;
	}
	
		DIV.catalog .content .productList H2.header_girls {
			background: url('../images/girls_heading.gif') left top no-repeat;
			height: 58px;
			display: block;
			text-indent: -9999px;
			margin:0 0 18px;
		} 
	
		DIV.catalog .content .productList H2.header_boys {
			background: url('../images/boys_heading.gif') left top no-repeat;
			height: 58px;
			display: block;
			text-indent: -9999px;
			margin:0 0 18px; 
		}
		DIV.catalog .content .productList UL {
			height:222px;
			display:block;
			overflow:auto;	
		}
		
		DIV.catalog .content .productList UL LI {
			list-style: none;
		}
	
			/* Girls */
		
			DIV.catalog .content .productList UL.girls LI A:hover,
			DIV.catalog .content .productList UL.girls LI.active A {
				color: rgb(236,17,99);
			}
			
			/* Boys */
			
			DIV.catalog .content .productList UL.boys LI A:hover,
			DIV.catalog .content .productList UL.boys LI.active A {
				color: rgb(128,190,255);
			}
			
		DIV.catalog .content .productHero {
			float: right;
			height: 300px;
		}
		
			DIV.catalog .content .productHero IMG {
				margin-left: 15px;
			}
		
		/*// Product Detail //*/
		
		DIV.catalog .content .productDetail {
			float: left;
			position: relative;
		}
		
			#tellafriendBox {
				width: 320px;
				height: 295px;
				position: absolute;
				background: white;
				border: 1px solid #8a7559;
				top: 230px;
				right: 210px;
				z-index: 200;
				display: none;
			}
				
				#tellafriendBox H5 { 
					margin: 0; 
					width: 100px; 
					height: 10px; 
					float: left; 
					color: #8a7559;
					padding: 8px 0 0 16px;
					font-size: 14px; 
				}
				
				#tellafriendBox A.close { float: right; height: 10px; padding: 4px 4px 0 0; }
				
				#tellafriendBox .submit {
					padding: 38px 0 0 16px;
				}
				
					#tellafriendBox .submit H5 { float: none; display: block; padding: 0; }
		
			.productDetail .detail_photo {
				float: left;
				padding-right: 16px;
				width: 387px;
				*width: 403px;
			}
			
			A.view_larger_girls { 
				float: left;
				margin-top: 238px;
				margin-right: 10px;
				background: url('../images/plus_girls.gif') left top no-repeat; 
				padding-left: 14px;
				color: rgb(236,17,99);
				font-size: 10px;
			}
			
			A.view_larger_boys { 
				float: left;
				margin-top: 238px;
				margin-right: 10px;
				background: url('../images/plus_boys.gif') left top no-repeat; 
				padding-left: 14px;
				color: rgb(128,190,255);
				font-size: 10px;
			}
			
				.detail_image {
					position: relative; 
					overflow: hidden;
					width: 240px;
					height: 250px;
					float: left;
					padding: 0;  
					margin: 0 0 10px 0; 
					background: #fff;
					/*border: 1px solid rgb(128,190,255);*/
				}
			
				.detail_image UL#gelati_content { position: absolute; top: 0; margin-left: 0; width: 13440px; }
					UL#gelati_content LI { list-style: none; margin: 0; padding: 0; }
					.detail_photo .detail_image ul li {  
						 display: block;  
						 float: left;  
						 margin: 0;  
						 padding: 0;  
						 border: none;  
						 background-color: #fff;  
					 }
					UL#gelati_content LI IMG { display: block; }
			
				.other_images { width: 387px; clear: both; }
				.other_images, .other_images UL { list-style: none; }
				.other_images LI { margin: 0 8px 0 0; float: left; }
				BODY#Girls .other_images LI A IMG { border: 1px solid rgb(236,17,99); }
				BODY#Girls .other_images LI A IMG:hover { border: 1px solid #8a7559; }
				BODY#Boys .other_images LI A IMG { border: 1px solid rgb(128,190,255); }
				BODY#Boys .other_images LI A IMG:hover { border: 1px solid #8a7559; }
			
				.productDetail .detail_photo .girls { border-top: 1px solid rgb(236,17,99); width: 360px; margin: 5px 10px 0 0; }
				.productDetail .detail_photo .boys { border-top: 1px solid #80beff; width: 360px; margin: 5px 10px 0 0; }
				
					.productDetail .detail_photo .girls H3 { 
						background: url('../images/looksgoodwith_girls.gif') left top no-repeat;
						text-indent: -9999px;
						height: 24px;
						width: 110px;
						margin: 5px 0;
						float: left;
					}
					
					.productDetail .detail_photo .boys H3 { 
						background: url('../images/looksgoodwith_boys.gif') left top no-repeat;
						text-indent: -9999px;
						height: 24px;
						width: 110px;
						margin: 5px 0;
						float: left;
					}
					
					.productDetail .detail_photo .relatedProducts H4 { 
						float: left;
						overflow: hidden;
						font-size: 14px;
						color: rgb(89,59,18);
						margin: 8px 0 0 4px;
					}
					
					.productDetail .detail_photo .relatedProducts H4.odd { color: rgb(160,178,92); }
		
					.detail_photo .no_product_image {
						width: 240px;
						height: 250px;
					}
					
					.detail_photo A.viewlarger {
						background: url('../images/plus.gif') left top no-repeat;
						color: rgb(128,190,255);
						padding: 0 20px 0 18px;
					}
			
			.productDetail .description {
				float: left;
				width: 269px;
			}
			
				.girls H3 {
					font-size: 18px;
					color: rgb(236,17,99);
					margin: 0 0 22px 0;
					text-align: left;
				}
				
				.boys H3 {
					font-size: 18px;
					color: rgb(128,190,255);
					margin: 0 0 22px 0;
					text-align: left;
				}
				
				.description A.tellafriend { float: right; }
				
				.description FIELDSET DIV#price { position: relative; display: block; margin-top: 8px; }
				
				.description FIELDSET DIV#price .special_tag {
					background: url('../images/special_pricetag2.gif') left top no-repeat;
					position: absolute;
					z-index: 99;
					top: -15px;
					right: -10px;
					*right: 55px;
					width: 47px;
					height: 46px;
				}
				
				.girls .line {
					border-top: 1px solid rgb(236,17,99);
					margin: 20px 0 0px 0;
				}
				
				.boys .line {
					border-top: 1px solid rgb(128,190,255);
					margin: 20px 0 0px 0;
				}
				
				FIELDSET P SPAN.desc { width: 200px; float: right; }
				
				.girls LABEL {
					color: rgb(236,17,99);
					font-size: 14px;
					width: 65px;
					float: left;
					text-transform: lowercase;
				}
				
				.boys LABEL {
					color: rgb(128,190,255);
					font-size: 14px;
					width: 65px;
					float: left;
					text-transform: lowercase;
				}
				
				.description LABEL.qty { line-height: 22px; }
				
				.description INPUT {
					border-top: 2px solid #c9c9c9;
					border-left: 2px solid #c9c9c9;
					border-bottom: 1px solid #c9c9c9;
					border-right: 1px solid #c9c9c9;
				}
				
				.girls BUTTON {
					background: url('../images/add_to_bag_girls.gif') top left no-repeat;
					display: block;
					float: left;
					width: 116px;
					height: 30px;
					text-indent: -9999px;
					border: 0;
				}
				
				.boys BUTTON {
					background: url('../images/add_to_bag_boys.gif') top left no-repeat;
					display: block;
					float: left;
					width: 116px;
					height: 30px;
					text-indent: -9999px;
					border: 0;
				}
				
				.girls A.back {
					background: url('../images/back_girls.gif') top left no-repeat;
					display: block;
					float: left;
					margin-right: 5px;
					width: 88px;
					height: 30px;
					text-indent: -9999px;
					border: 0;
				}
				
				.boys A.back {
					background: url('../images/back_boys.gif') top left no-repeat;
					display: block;
					float: left;
					margin-right: 5px;
					width: 88px;
					height: 30px;
					text-indent: -9999px;
					border: 0;
				}
				
		.relatedProductImages {
			clear: both;
		}
		
		.relatedProductImages A { margin-right: 15px; }
		
		/* Mootools Tool Tip */
		
		.tool-tip {
			border: 1px solid #8a7559;
			color: #8a7559;
			width: 235px;
			z-index: 13000;
			text-align:left;
		}
		 
		.tool-title {
			font-weight: bold;
			font-size: 14px;
			margin: 0;
			padding: 4px 8px 8px;
			background: #fff;
			color: rgb(236,17,99);
		}
		 
		.tool-text {
			font-size: 11px;
			padding: 4px 8px 8px;
			background: #fff;
		}
	
		.custom-tip {
			border: 1px solid #8a7559;
			color: #8a7559;
			width: 85px;
			z-index: 13000;
			text-align:left;
		}
		
		.custom-title {
			font-weight: bold;
			font-size: 14px;
			margin: 0;
			padding: 4px 8px 8px;
			background: #fff;
			color: #80beff;
		}
		 
		.custom-text {
			font-size: 11px;
			padding: 4px 8px 8px;
			background: #fff;
		}
	
/*// PAGINATION //*/				
	
	DIV.pages { padding: 5px 15px; width: auto; margin-left: 240px; text-align: center; }
	
	DIV.pages .pageDetails { 
		float: left; 
		overflow: hidden; 
		display: block;  
		width: 385px; 
		*width: 390px; 
		text-align: center; 
	}
	
	DIV.pages .pageDetails B.page { 	
		background-color: none;
		font-weight: normal;
		font-size: 11px; 
		margin: 10px 3px;
		padding: 12px; 
		text-align: center;
	}
	
		B.page A:link, B.page A:active, B.page A:visited { color: #d7358a; }
		B.page A:hover { color: #000; }
	
	B.page_active { 
		background-color: none;
		font-weight: bold;
		font-size: 11px; 
		margin: 10px 3px;
		padding: 12px;
		text-align: center;
	}
	
		B.page_active A:link, B.page_active A:active, B.page_active A:visited { color: #000; text-decoration: underline; }
		B.page_active A:hover { color: #d7358a; }

	DIV.pages A.next { 	
		background: transparent url('') top left no-repeat;
		width: 96px;
		height: 29px; 
		float: left; 
		overflow: hidden;
		text-indent: -9999px;
	}
	
	DIV.pages A.prev { 	
		background: transparent url('') top left no-repeat;
		width: 96px;
		height: 29px;
		float: left;
		overflow: hidden;
		text-indent: -9999px;
	}
	
	DIV.pages A.dummy {
		width: 96px;
		height: 29px; 
		float: left; 
		overflow: hidden;
		text-indent: -9999px;
	}