body,html,form {padding:0px;margin:0px;} /* Standardkod för att göra 100% höga webbsidor */

/*****************************************
 Generella element
/*****************************************/

body 
{
	font-family: arial;
	font-size:11px;
	background: url(../images/bg.jpg) #FFF;
	color:#666666;
	line-height:15px;
	
}

.ImageHeading /* Alla rubrikbilder */
{
	padding-bottom:10px;
	display:block; /* inbyggd radbrytning*/
}

a,a:link,a:active,a:visited,a:hover
{
	color:#cf05a2;
	text-decoration:none;
}

.Textbox,.TextboxSubscribe
{
	border:1px solid #a0b93f;
	color:#666666;
}

.Button
{
}

#ProducedBy
{
	float:right;
	padding:5px;
}

	#ProducedBy a
	{
		color:#666666;
	}
	
	#ProducedBy a:hover
	{
		text-decoration:underline;
	}
	


/*****************************************
 html-element 
/*****************************************/

h1,h2,h3,h4
{
	font-weight:normal;
	color:#90a931;
}

h1 /* Störst */
{
}

h2 
{
	font-size: 20px;
}

h3
{
	font-size:14px;
	font-weight:bold;
	margin-bottom:4px;
	margin-top:4px;
}

h4 /* Minst */
{
	
	font-size:11px;
	font-weight:bold;
	margin-bottom:1px;
}


.SpecialPrice
{
	color:#f04c67;
	font-weight:bold;
}

.OldPrice
{
	text-decoration:line-through;
}

.Ingress
{
	font-weight:bold;
	font-size:11px;
}

.Separator3
{
	width:100%;
	height:1px;
	background-color:#b7c67d;
	clear:both;
}

.Separator4
{
	width:100%;
	height:1px;
	background-image:url(../images/Separator4.gif);
	background-repeat:repeat-x;
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
	
}

#Separator
{
	height:20px;
	width:100%;
	background-color:#b7c67d;
	padding-top:10px;
	color:White;
}

.ContentBox
{
	margin:5px;
	text-align:center;
	margin-top:50px;
}
	.ContentBox p 
	{
		margin-bottom:10px;
	}
/*****************************************
  Layout
/*****************************************/

.PageBreak {page-break-after: always}

#RightElement
{
	position:absolute;
	left:50%;
	margin-left:393px;
	height:118px;
	width:16px;
	top:137px;
	background-color:#b3b4b4;
}

#Container 
{
	margin:auto;
	width:786px;
	border:7px solid #e2e4dd;
	background-color:White;
	margin-top:20px;
	margin-bottom:20px;
}

	#Header
	{
		height:110px;
		position:relative;
	}
	
		#Logo
		{
			left:30px;
			top:30px;
			position:absolute;
		}
		
		#CartSmall
		{
			position:absolute;
			left:379px;
			top:70px;
			float:left;
			color:#ffffff;
		}
		
			#CartSmall #QtyBox,.QtyBoxHighlight
			{
				height:23px;
				width:146px;
				float:left;
				margin-right:20px;
				cursor:pointer;
			}
			
			#CartSmall .QtyBoxHighlight
			{
				background-color:#f04c67;
			}
			
			#CartSmall .QtyBoxNorm
			{
				background-color:#a2bc42;
			}
			
			
			#CartSmall #QtyBox .Amount
			{
				background-color:#eef8c8;
				width:60px;
				height:14px;
				font-size:9px;
				float:left;
				color:black;
				border-top:1px solid #7c9325;
				border-left:1px solid #7c9325;
				border-right:1px solid #fdfdfb;
				border-bottom:1px solid #fdfdfb;
				text-align:center;
				margin-left:5px;
				margin-top:3px;
			}
			

			
	
		#MainNav
		{
			float:right;
			margin-top:25px;
			margin-right:9px;
		}
		
			#MainMenu
			{
				text-decoration:none;
				list-style-type: none; 
				margin:0px;
				padding:0px;
				margin-top:5px;
				margin-right:5px;
			}
			
			#MainMenu a
			{
				color:#848484;
			}
			
			#MainMenu li
			{
				margin:0px;
				float:left;
				margin-left:10px;
			
			}
			
			#MainMenu .Bullet
			{
				margin-bottom:2px;
				margin-right:3px;
			}
	#Col1
	{
		float:left;
		width:200px;
		margin-left:2px;
	}
	
	
		#BelowMenu
		{
			border:1px solid #bac512;
			float:left;
		}
		
			#Search
			{
				padding:9px;
				padding-top:0px;
				clear:both;
				margin-bottom:20px;
			}
			
				#Search .Textbox
				{
					float:right;
					width:178px;
					height:16px;
				}
				
				#Search .SearchButton
				{
					float:right;
					margin-top:3px;
					margin-bottom:5px;
					
				}
			
			#Links
			{
				padding:9px;
				
			}
			
			#Links span /* Javascript länk*/
			{
				display:block;
				color:#cf05a2;
				cursor:pointer;
				
			}
			
			#Links p
			{
				margin-bottom:5px;
			}
			
			
			#Links a
			{
				display:block;
			}
			
			#Subscription
			{
				padding:9px;
			}
				#Subscription p
				{
					margin-bottom:5px;
				}
			
				.SubscribeButton
				{
					float:right;
					margin-top:3px;
					margin-bottom:6px;
				}
				
				.TextboxSubscribe
				{
					float:right;
					width:178px;
					height:16px;
				}
				
			#Dibs
			{
				padding:9px;
				font-size:8px;
			}
				#Dibs img
				{
					margin:7px;
				}
	
	#Col2
	{
		float:left;
		width:581px;
		margin-left:1px;
		
	}


/*****************************************
  Startsida
/*****************************************/

#Startsida
{
	
}

#Startsida h1
{
}

#Startsida h2
{
	margin-top: 20px;
}

#Startsida p
{
    margin-top: 5px;
	font-size: 10px;
	font-family: Verdana;
}

#Startsida img.badge
{
    margin-right: 10px;
    margin-bottom: 20px;
}

#Startsida p.BadgeText
{
    padding-right: 180px;
}

#Startsida #Text1
{
	float:left;
	margin-left:27px;
	margin-right: 43px;
	margin-top:25px;
}

#Startsida #Text1 a
{
    font-weight: bold;
    color: #fa7ec4;
}

	#Startsida #Separator img
	{
		margin-left:10px;
	}
	
	
#Startsida #Row3
{
	margin-top:0px;
}	
	
	#Startsida .FragranceImage
	{
		border:1px solid #acc40c;
		margin-left:2px;
		margin-bottom:2px;
		float:left;
	}
		#Startsida .FragranceImage:hover
		{
			border:1px solid #cf05a2;
		}
	
/*****************************************
  Produktlista
/*****************************************/

#ProductList
{
	width:581px;
}

	#ProductList .Separator
	{
		height:7px;
		width:100%;
		clear:both;
	}
	
	#List
	{
		margin-top:8px;
	}
	
	#ProductList .ProductBox
	{
		margin-right:6px;
		margin-left:6px;
		float:left;
		width:130px;
		height:220px;
		overflow:hidden;
	}
		#ProductList .ProductBox .BoxImage
		{
			height:130px;
			
		}
		
		#ProductList .ProductBox .BoxText
		{
			height:45px;
		}	
			
		#ProductList .ProductBox .Price
		{
			height:20px;
		}

		
		#ProductList .ProductBox .BoxButtons
		{
			margin-top:3px;
			
		}
		
		
	
	#ProductList .Textbox
	{
		width:40px;
		text-align:center;
	}
	
	#ProductList .Separator2
	{
		width:556px;
		height:1px;
		margin-top:5px;
		margin-bottom:5px;
		float:left;
		margin-left:5px;
	}
	
	#ProductList a
	{
		color:#666666;
		font-weight:bold;
		
	}
	
/*************************************************
	Produktvisning
*************************************************/

#ProductView
{
	margin-left:5px;
	margin-top:8px;
	margin-right:10px;
	position:relative;
}

#ProductView h3
{
	color:#666666;
	margin-top:0px;
}

#ProductView .BackBtn
{
	margin-top:10px;
	float:left;
}

#ProductView .Textbox
{
	width:30px;
	text-align:center;
	margin-right:10px;
}

#ProductView #Col1
{
	width:300px;
}

#ProductView #Col2
{
	width:250px;
	margin-left:12px;
}

	#ProductView table
	{
		width:150px;
		
	}
		#ProductView td
		{
			padding-right:10px;
		}


.ProductViewTop
{
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
	
}
		
/*****************************************
  Meny
/*****************************************/

#TopMenu
{
	
	text-decoration:none;
	list-style-type: none; 
	margin:0px;
	padding:0px;
	width:218px !important; 
	width:200px;/* för IE6 etc*/
	color:White;
	position:relative;
	left:-18px !important;
	left:0px; /* IE 6*/
	line-height:13px;
	font-size:10px;
}


	#TopMenu li
	{
		margin:0px;
		cursor:pointer;
		border-bottom:1px solid white;
	}
	
	#TopMenu .TopMenu
	{

	}
	
	#TopMenu li .ColorBox
	{
		padding-left:2px;
		padding-right:2px;
		border-right:2px solid white;
	}
	
	.TopMenuText
	{
		margin-left:4px;
	}
	
	#TopMenu a
	{
		color:white;
		text-decoration:none;
		display:block;


	}
	.TopMenu
	{
		background-color:#b3b4b4;
	}
		
	.SMContainerShow
	{
		display:inline;
	}
	
	.SMContainerHide
	{
		display:none;
	}
	
		.SubMenu
		{
			
			padding:0px;
			margin:0px;
			margin-left:18px;
			background-color:White;
			border-bottom:1px solid #bac512;
			color:#7a7a7a;
			margin-bottom:1px;
		}
		
		#TopMenu .SubMenu a
		{
			color:#7a7a7a;
			cursor:pointer;
			display:block;
			width:193px !Important; /* detta är bredden som gäller egentligen*/
			width:175px; 
			margin-left:5px;

		}
		
		#TopMenu .SubMenu li:hover a,#TopMenu .SubMenu .HighLightColor1 a,#TopMenu .SubMenu .HighLightColor2 a,#TopMenu .SubMenu .HighLightColor3 a,#TopMenu .SubMenu .HighLightColor4 a,#TopMenu .SubMenu .HighLightColor5 a
		{
			color:white;
		}
		
			.SubMenu li
			{
				list-style-type: none; 
				border:1px solid #bac512;
				cursor:default;
			}
			
		
		/*************************************************
			Menyfärger
		*************************************************/
		
		
		#TopMenu .Color1 .ColorBox,#TopMenu .Color1:hover,.HighLightColor1
		{
			background-color:#b7c67d;
		}
		
		#TopMenu .Color2 .ColorBox,#TopMenu .Color2:hover,.HighLightColor2
		{
			background-color:#fa7ec4;
		}
		
		#TopMenu .Color3 .ColorBox,#TopMenu .Color3:hover,.HighLightColor3
		{
			background-color:#6acbf3;
		}
		
		#TopMenu .Color4 .ColorBox,#TopMenu .Color4:hover,.HighLightColor4
		{
			background-color:#f04c67;
		}
		
		#TopMenu .Color5 .ColorBox,#TopMenu .Color5:hover,.HighLightColor5
		{
			background-color:#d28ef5;
		}
		
/*************************************************
	NewsView
*************************************************/

#NewsView
{
	margin-left:20px;
	margin-top:10px;
	clear:both;
	float:left !important ;
	float:none;
}
	#NewsView .Ingress
	{
		margin-bottom:5px;
	}


/*************************************************
	Checkout
*************************************************/

#Checkout
{
	margin-left:10px;
	width:323px;
}

#Checkout td,#Checkout th
{
	padding-right:20px;
	padding-bottom:2px;
}

#Checkout #CustomerReview th
{
	font-weight:bold;
}
	#Checkout .LostPass 
	{
		
		position:relative;
		top:8px;
	}
/*************************************************
	Account
*************************************************/

#Account
{
	margin-left:10px;
}

#Account td
{
	padding-right:20px;
	padding-bottom:2px;
}
/*************************************************
	Faq
*************************************************/

#Faq
{
	clear:both;
	margin:10px;
	float:left !important ;
	float:none;
}


	#Faq p
	{
		margin-bottom:5px;
	}
	
/*************************************************
	TermsOfUse
*************************************************/

#TermsOfUse
{
	clear:both;
	margin:10px;
	float:left !important ;
	float:none;
}
		
	#TermsOfUse p
	{
		margin-bottom:10px;
	}
	
/*************************************************
	Contact
*************************************************/

#Contact
{
	clear:both;
	margin:10px;
	float:left !important ;
	float:none;
	
}
	
	#Contact p
	{
		margin-bottom:15px;
	}
	
	#Contact #Lager
	{
		margin-left:20px;
		margin-top:15px;
	}

		#Contact #ContactTable td
		{
			padding-right:5px;
		}
	

	
	
/*************************************************
	About
*************************************************/

#About
{
	clear:both;
	margin:10px;
	float:left !important ;
	float:none;
	padding-bottom:20px;
}

	#About p 
	{
		margin-bottom:10px;
	}
	
	#About #YCImage
	{
		margin-top:10px;
		margin-bottom:10px;
	}
	
	
/*************************************************
	ManadensDoft
*************************************************/

#ManadensDoft
{
	clear:both;
	float:left;
	padding:10px;
}

#tblFaktura
{
	display:none;
}

#ManadensDoft table
{
	width:100%;
}

	#ManadensDoft td
	{
		padding-right:8px;
		padding-bottom:2px;
		vertical-align:top;
	}
	
	#ManadensDoft tr
	{
		margin-bottom:5px;
	}
	
/*************************************************
	Ljusogram
*************************************************/

#Ljusogram
{
	margin:10px;
	clear:both;
	float:left !important ;
	float:none;
}

#Ljusogram table
{

}

	#Ljusogram td
	{
		padding-right:8px;
		padding-bottom:2px;
		vertical-align:top;
	}
	
	#Ljusogram tr
	{
		margin-bottom:5px;
	}
	
/*************************************************
	Presentkort
*************************************************/

#Presentkort
{
	margin:10px;
	clear:both;
	float:left !important ;
	float:none;
}

#Presentkort table
{

}

	#Presentkort td
	{
		padding-right:8px;
		padding-bottom:2px;
		vertical-align:top;
	}
	
	#Presentkort tr
	{
		margin-bottom:5px;
	}

#PresentkortPreview { margin: 10px; }
#PresentkortPreview td {padding: 0px; margin: 0px;}
	
/*************************************************
	OrderFeedback
*************************************************/	

#OrderFeedback
{
	clear:both;
	margin:10px;
}
/*************************************************
	Skicka lösenord
*************************************************/	

#LostPassword
{
	padding:15px;
}
	#LostPassword .ButtonFix
	{
		position:relative;
		top:4px;
	}
	
/*************************************************
	Fragrance
*************************************************/	

#FragranceList
{
	margin-left:5px;
	margin-top:8px;
	margin-right:10px;
}

	#FragranceList .Separator3
	{
		clear:both;
	}
	

	#FragranceList .FragranceBox
	{
		margin-right:6px;
		float:left;
		margin-bottom:10px;
		margin-top:10px;
		text-align:center;
	}
	
	#FragranceList a
	{
		color:#666666;
		font-weight:bold;
		
	}
	
/*****************************************
  CartEdit
/*****************************************/	

#CartEdit
{
	margin-top:5px;
	display:block;
	
}



	#CartEdit #CartTable
	{
		width:100%;
	
	}
	
		#CartEdit #CartTable th
		{
			font-weight:bold;
		}
		
		#CartEdit #CartTable td
		{
			border:1px solid #dddfe3;
			padding:3px;
			text-align:center;
		}
		
		#CartEdit #CartTable .SumCell
		{
			background-color:#dddfe3;
		}
		
		#CartEdit .QtyBox
		{
			width:30px;
			text-align:center;
		}
		
	#CheckoutBox
	{
		float:right;
		margin-top:10px;
		margin-bottom:10px;
	}