/***********************************
 *  Styles for Pink Lady's Site   **
 * 	Author: Luis Pirir            **
 *	Contact: luispirir@gmail.com  **
 ***********************************/

body {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	background: url(../pix/bg_site.gif) left 180px repeat-x;
	font-size: 100%;
}

/*** LAYOUTS ***/

#wrapper {
	width: 849px;
	background: url(../pix/bg_content.png) repeat-y;
	margin: auto;
	padding: 0 9px;
}
	* html #wrapper {
		background: none;
		/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
				src='http://www.pinkladysoap.com/inc/html/pinklady/pix/bg_content.png',
				sizingMethod = 'scale'
		);*/
	}
	/*** HEADER ***/
	#header {
		width: 849px;
		height: 235px;
		background-color: #fff;
		position: relative;		
	}
		#header embed {
			z-index: -1000;
		}
		#header h1 {
			margin: 0;
			padding: 0;
			width: 179px;
			height: 108px;
			text-indent: -9999px;
			background: url(../pix/logo_pink.gif) no-repeat;
			position: absolute;
			top: 0;
			left: 0;
		}
		#menu {
			position: absolute;
			bottom: 0;
			margin: 0;
			margin-left: -198px;
			padding: 0;
			list-style: none;
			width: 396px;
			left: 424px;
			height: 32px;
		}
			#menu li {
				float: left;
			}
				#menu li a {					
					width: 132px;
					height: 32px;
					display: block;
					background: url(../pix/pinklady_button.png) no-repeat;
					_background: none;
					filter: none;
					_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
							src='http://www.pinkladysoap.com/inc/html/pinklady/pix/pinklady_button.png' 							
					);	
					font: 0.7em/32px 'Trebuchet MS', Tahoma, sans-serif;
					text-decoration: none;
					color: #fff;
					text-transform: lowercase;
				}
					#menu li a:hover {
						background: url(../pix/pinklady_button-rollover.png) no-repeat;
						_background: none;
						filter: none;
						_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
								src='http://www.pinkladysoap.com/inc/html/pinklady/pix/pinklady_button-rollover.png' 							
						);	
						_cursor: hand;
						color: #fff;
					}
					#menu li a.alternate {
						background: url(../pix/pinklady_button.png) no-repeat;
						_background: none;
						filter: none;
						_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
								src='http://www.pinkladysoap.com/inc/html/pinklady/pix/pinklady_button.png' 							
						);	
						color: #fff;
					}
						#menu li a.alternate:hover {
							background: url(../pix/pinklady_button-rollover.png) no-repeat;
							_background: none;
							filter: none;
							_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
									src='http://www.pinkladysoap.com/inc/html/pinklady/pix/pinklady_button-rollover.png' 							
							);	
							_cursor: hand;
							color: #fff;
						}
					#menu li a.current {
						background: url(../pix/pinklady_home-blanco.png) no-repeat;
						_background: none;
						filter: none;
						_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
								src='http://www.pinkladysoap.com/inc/html/pinklady/pix/pinklady_home-blanco.png' 							
						);	
						color: #e84a5f;
					}
		#header #top_toolbar {
			position: absolute;
			top: 0;
			right: 0;
			background: url(../pix/purpleline.png)  no-repeat;				
			width: 446px;
			height: 40px;
		}
		#header #top_menu {
			margin-right: 250px;
			list-style: none;
			margin: 0;
			padding: 0;
			width: 235px;
			height: 40px;
			float: right;
			overflow: hidden;
		}			
			#top_menu li {
				float: right;
				height: 40px;
				margin-right: 5px;
				line-height: 40px;
				vertical-align: middle;
			}
				#top_menu li a {				
					color: #fff;
					text-decoration: none;
					font: 0.7em/40px 'Trebuchet MS', Lucida, Tahoma, sans-serif;
					text-transform: lowercase;
					border-right: 1px solid #fff;
					padding: 0 5px;
				}
				#search {
					float: right;
					width: 180px;
					height: 39px;
					_margin-top: 10px;
					line-height: 39px;	
					margin-right: 10px;				
					display: inline-block;
				}
					#search p {
						margin: 0;
						padding: 0;
						display: inline;
						line-height: 38px;
					}
						#search p label {
							color: #fff;
							font: 0.7em/38px 'Trebuchet MS', Lucida, Tahoma, sans-serif;
							text-transform: lowercase;
							margin-right: 5px;
						}
						#search p input {
							width: 124px;
							height: 17px;
							background: url(../pix/bg_search.gif) left no-repeat;							
							border: none;							
							padding: 2px 5px 0 5px;
							font: 0.7em 'Trebuchet MS', Lucida, Tahoma, sans-serif;	
							overflow: hidden;						
						}
					
		/*** CONTENT ***/
		#content {
			background: #fff url(../pix/bg_text.png) left bottom no-repeat;
			padding: 1em;
		}					
			#content #text {
				margin-left: 160px;
				margin-right: 160px;
				font: 0.8em/1.4 'Trebuchet MS', Tahoma, sans-serif;
				text-align: justify;
				color: #999;
				padding: 1em 0;
			}
				#content #text a {
					color: #7e83b0;
					text-decoration: underline;
				}
					#content #text a:hover {
						text-decoration: none;
						color: #e84a5f;
					}
			#content .warning, #content .invalid {
				background: #f8e68f url(../pix/bullet_error.png) 5px center no-repeat;
				padding: 5px 10px 5px 25px;
				color: #333;
			}

		/*** FOOTER ***/
		#footer {
			font: 0.8em Tahoma, sans-serif;
			color: #7e83b0;
			clear: both;
		}
			#footer a {
				color: #7e83b0;
				text-decoration: underline;
			}
				#footer a:hover {
					text-decoration: none;
					color: #e84a5f;
				}
		
		/*** LIST ITEMS ***/
		.subitems {
			margin: 0.5em auto;
			width: 500px;
			list-style: none;
			overflow: hidden; 
		}
			.subitems li {
				float: left;
				margin: 0 3px;
			}
				.subitems .helping-soaps {
					text-indent: -9999px;
					background: url(../pix/all_soaps.jpg) no-repeat;
					width: 150px;
					height: 39px;
					display: block;
				}
				.subitems .pet-soaps {
					text-indent: -9999px;
					display: block;
					background: url(../pix/pet_soaps.jpg) no-repeat;
					width: 150px;
					height: 39px;
				}
				.subitems .gifts {
					text-indent: -9999px;
					display: block;
					background: url(../pix/giftspls.jpg) center no-repeat;
					width: 150px;
					height: 39px; 
				}
		#list_items {		
			width: 300px;
			_width: 320px;
			margin: 0;
			padding: 0;
			list-style: none;
			overflow: hidden;
		}		
			#list_items li {
				float: left;
				width: 133px;
				padding: 5px;
				margin: 3px; 
				min-height: 250px;
				height: auto !important;
				height: 250px;
			}
				#list_items li div {
					text-align: center;
				}
					#list_items a {
						border: none !important;
						text-decoration: none !important;
					}
					#list_items li div a img {
						border: none;
					}
				#list_items li div .price {
					font-style: italic;
					color: red;
				}
			.update_basket {
				float: right;
				margin-right: 5px;
			}
			.aux_actions {
				overflow: hidden;
				clear: both;
				text-align: center;
			}
				.aux_actions a.buy_now {
					float: left;
					width: 221px;
					height: 46px;
				}					
				.aux_actions a.check_out, .check_out {
					float: right;
					margin-right: 5px;
					width: 176px;
				}
					.aux_actions a img {
						border: 1px solid transparent;
					}
						.aux_actions a:hover img {
							border: 1px solid #e84a5f;
						}
				.aux_actions a.remove_basket {
					float: left;
					width: 96px;
				}
		#detailmaster {
			overflow: hidden;
		}
			#detail {
				float: left;
				width: 300px;
			}
				#detail img {
					float: left;
					margin-right: 3px;
				}
					#detail p {
						text-align: justify;
					}
				#long_detail {
					clear: left;
				}
					#long_detail img {
						display: inline-block;
						float: none;
					}
			#additem {
				width: 130px;
				float: left;
				margin-left: 20px;
			}
				#additem #quantity {
					width: 50px;
				}
				#additem .center {
					text-align: center;
				}
		.cart {
			background: url(../pix/cart.png) no-repeat;
			line-height: 16px;
			padding-left: 20px;
		}

		#checkout_form {
			width: 90%;
			margin: 1em auto;
		}
			#checkout_form p {
				text-align: center;
			}
			#checkout_form fieldset {
				margin: 1em auto;
			}
				#checkout_form fieldset p {
					text-align: left;
					clear: left;
				}
				#checkout_form fieldset legend {
					text-transform: uppercase;
					background-color: #fce8ea;

				}
				#checkout_form p label {
					width: 10em;
					float: left;
					text-align: right;
					margin-right: 10px;
				}
				#checkout_form fieldset p input, #checkout_form fieldset p select {
					width: 150px;
					font: 1.0em/1.4 Tahoma, Arial, sans-serif;
				}			
			#checkout_form p input {
				font: 1.0em/1.4 Tahoma, Arial, sans-serif;
			}	
		#consumer_form {
			width: 90%;
			margin: 1em auto;
		}
			#consumer_form p {
				clear: left;
			}
				#consumer_form p label {
					width: 9em;
					float: left;
				}
				#consumer_form p.submit {
					text-align: center;
				}
		/*#disclaimer {
			display: none;
		}*/
		#modal_container {  
			padding: 110px 20px 0 20px;  
			background: url(../pix/bg_disclaimer.png) no-repeat;;  
			overflow: auto;  
			font: bold 0.6em/1.4 "Lucida Grande", Verdana, sans-serif;   
			color: #ee4756;  
			text-align: left;  
			width: 360px;
			height: 300px;
		} 
			p.button {
				text-align: center;
			}
			#modal_container a {
				width: 100px;
				margin: 0 auto;
				display: block;
				background-color: #ee4756;
				color: #fff;
				text-decoration: none;
				padding: 5px;
			}
		#modal_overlay {  
			background-color: #333;
		}  

/** Validation **/
		#shipping_form {
			width: 90%;
			margin: 1em auto;
			clear: both;
		}
			#shipping_form p {
				text-align: center;
			}
			#shipping_form fieldset p {
				clear: left;
			}
				#shipping_form fieldset p label {
					float: left;
					width: 10em;
				}			

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, select.required {
	border: 1px solid #00A8E6;
}
input.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #ffb6b6;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}