/* imports */
@import url(Navigation.css);

/* standard shell template */
html, body 
{
	margin:0;
	padding:0;
	border:0;
}

body
{		
	font-family: Verdana;
	font-size: 70%;
	background: #D1D1AD url(../Images/SiteBackground.jpg) repeat-x top left;
	text-align: center;	
	line-height: 16px;
	color: #555555;
}

.clear{
	clear:both;		
}

/* redefine */
form 
{
	padding: 0px;
	margin: 0px;
}

.standardformfield 
{
	font-family: Verdana;
	font-size: 100%;
	color: #555555;
}

a 
{
	color: #555555;
	text-decoration: underline;
}

a:hover 
{
	text-decoration: none;	
}

.morelink {
	background: url(../Images/BlueSquare.gif) no-repeat center left;

	padding-left: 10px;
	color: #126B89;
}

/* construct */
#wrapper 
{
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position: relative;	
	width: 935px;	
}

	#wrapper #header 
	{
		width: 935px;
		height: 108px;
		float: left;		
		background: #005976 url(../Images/shellGraphics_03.jpg) no-repeat bottom left;		
	}
	
		#wrapper #header h1, #wrapper #header h2
		{
			margin: 0px;
			padding: 0px;
			visibility: hidden;	
			display: none;
		}
	
		/* Navigation - See Navigation.css */
	
	#wrapper #content 
	{
		float: left;
		width: 891px;
		padding: 22px;
		background: #FFF;
	}
	
		/* left panel styles */
		#wrapper #content #leftpanel 
		{
			width: 138px;
			float: left;				
		}
		
			#wrapper #content #leftpanel #searchbox
			{
				float: left;
				width: 126px;
				border: solid 1px #279DC5; 
				padding: 6px;					
				position: relative;				
			}
			
				#wrapper #content #leftpanel #searchbox .searchboxfield 
				{
					width: 88px;
					font-family: Verdana;
					font-size: 100%;
					color: #555555;
				}
				
				#wrapper #content #leftpanel #searchbox	img 
				{
					position: absolute;
					top: -12px;
				}
			
			#wrapper #content #leftpanel .linkbox
			{
				margin-top: 21px;
				border: solid 1px #279DC5;	
				float: left;							
			}
		
		/* main body content styles */
		#wrapper #content #rightpanel 
		{			
			float: left;
			margin-left: 22px;
			width: 731px;		
		}
		
			/* home styles */
			#wrapper #content #rightpanel #maincontent 
			{
				float: left;				
				width: 569px;
				float: left;
					
			}	
			
				#wrapper #content #rightpanel #maincontent #hometextcontainer 
				{
					width: 569px;
					float: left;
					background: #EEF3F5;
				}	
				
					#wrapper #content #rightpanel #maincontent #hometextcontainer #hometext 
					{
						width: 539px;
						float: left;
						padding: 10px 15px 10px 15px;
					}
				
				#wrapper #content #rightpanel #maincontent #homefeaturedproduct	
				{
					width: 539px;
					float: left;
					margin-top: 22px;
					padding: 15px;
				}
				
					#wrapper #content #rightpanel #maincontent #homefeaturedproduct	#featuredproductimage 
					{
						width: 245px;
						float: left;
					}
					
					#wrapper #content #rightpanel #maincontent #homefeaturedproduct	#featuredproducttext 
					{
						float: left;
						width: 270px;						
						margin-left: 22px;
					}
			
			#wrapper #content #rightpanel #rightquicklinks 
			{
				width: 138px;
				float: left;
				margin-left: 22px;						
			}
			
				#wrapper #content #rightpanel #rightquicklinks #basketbox 
				{
					float: left;
					width: 126px;
					border: solid 1px #279DC5; 
					padding: 6px;					
					position: relative;		
				}
				
					#wrapper #content #rightpanel #rightquicklinks #basketbox .basketicon 
					{
						position: absolute;
						top: -10px;
					}
					
				#wrapper #content #rightpanel #rightquicklinks #quickbrands 
				{
					float: left;
					width: 138px;
					margin-top: 5px;
				}
				
					#wrapper #content #rightpanel #rightquicklinks #quickbrands #topbrands 
					{
						float: left;
						width: 126px;
						height: 20px;
						line-height: 20px;
						padding: 0px 6px 0px 6px;
						background: #1688AE;
						color: #FFF;
					}
					
					#wrapper #content #rightpanel #rightquicklinks #quickbrands ul 
					{
						margin: 0px;
						padding: 0px 0px 21px 0px;
						background: #E0E9EC;
						width: 138px;
						float: left;
						border-bottom: solid 1px #B7B9B0;
					}
					
						#wrapper #content #rightpanel #rightquicklinks #quickbrands ul li 
						{
							list-style-type: none;	
							margin: 21px 0px 0px 3px;						
						}
						
							#wrapper #content #rightpanel #rightquicklinks #quickbrands ul li a {		
								display: block; 								
								text-decoration: none;
								width: 132px;
							}

								/* image replacements */
								#wrapper #content #rightpanel #rightquicklinks #quickbrands ul li.ghd a {
									height: 53px;
									background: url(../Images/QuickBrands_01.jpg) no-repeat top left;
								}
								
								#wrapper #content #rightpanel #rightquicklinks #quickbrands ul li.paulmitchell a {
									height: 17px;
									background: url(../Images/QuickBrands_03.jpg) no-repeat top left;
								}
								
								#wrapper #content #rightpanel #rightquicklinks #quickbrands ul li.dermalogica a {
									height: 17px;
									background: url(../Images/QuickBrands_05.jpg) no-repeat top left;
								}
								
								#wrapper #content #rightpanel #rightquicklinks #quickbrands ul li.redken a {
									height: 39px;
									background: url(../Images/QuickBrands_07.jpg) no-repeat top left;
								}
								
								#wrapper #content #rightpanel #rightquicklinks #quickbrands ul li.mdformulations a {
									height: 18px;
									background: url(../Images/QuickBrands_09.jpg) no-repeat top left;
								}
							
							/* remove the text */
							#wrapper #content #rightpanel #rightquicklinks #quickbrands ul li a span {
								position: absolute;
								height: 0;
								width: 0;
								overflow: hidden;
							}	
			
			/* standard page styles */
			#wrapper #content #rightpanel #pagecontent 
			{
				float: left;
				width: 731px;				
			}
			
				#wrapper #content #rightpanel #pagecontent #pagetext
				{
					width: 701px;
					float: left;
					padding: 10px 15px 10px 15px;
					background: #EEF3F5;
				}
					
					#wrapper #content #rightpanel #pagecontent #pagetext h1 
					{
						margin: 0px;
						padding: 0px;
						font-size: 160%;						
					}
					
					#wrapper #content #rightpanel #pagecontent #pagetext h2 
					{
						font-size: 130%;
					}
					
					#wrapper #content #rightpanel #pagecontent #pagetext .productListHeader 
					{
						font-size: 140%;						
					}
					
					#wrapper #content #rightpanel #pagecontent #pagetext .listprice 
					{
						font-size: 130%;
						color: #2697BC;
						font-weight: bold;
					}
					
					#wrapper #content #rightpanel #pagecontent #pagetext .specialprice 
					{
						font-size: 120%;
						color: #2697BC;
						font-weight: bold;
					}
					
					#wrapper #content #rightpanel #pagecontent #pagetext .specialoffer 
					{
						color: #CC0000;
						font-weight: bold;
					}
					
					#wrapper #content #rightpanel #pagecontent #pagetext .specialsaving 
					{
						font-weight: bold;
					}
					
					#wrapper #content #rightpanel #pagecontent #pagetext .productprice 
					{
						font-size: 120%;
						color: #2697BC;
						font-weight: bold;
					}
					
					#wrapper #content #rightpanel #pagecontent #pagetext .catbox 
					{
						float: left;
						width: 201px;
						height: 78px;
						background: #F5F5F5;
						margin: 0px 10px 10px 0px;
						border: solid 1px #C0C0C0;
						padding: 10px;
						text-decoration: none;
						display: block;
					}
						#wrapper #content #rightpanel #pagecontent #pagetext .catbox img 
						{
							border: solid 1px #2795BA;
							float: left;
							margin-right: 10px;
						}
					
						#wrapper #content #rightpanel #pagecontent #pagetext .catbox:hover 
						{
							background: #E3E3E3;
							border: solid 1px #2795BA;
						}
	
	#wrapper #footer 
	{
		width: 935px;
		height: 52px;		
		float: left;	
		background: #FFF url(../Images/FooterBG.gif) repeat-x top left;	
		text-align: center;
		color: #909090;
		margin-bottom: 20px;
	}
	
		#wrapper #footer ul 
		{
			margin: 0px;
			padding: 32px 12px 0px 10px;						
		}
		
			#wrapper #footer ul li 
			{
				list-style-type: none;	
				display: inline;
				padding-right: 10px;
				position: relative;							
			}			
										
				#wrapper #footer ul li a 
				{
					color: #909090;
				}