﻿body,html,form {height:100%;padding:0px;margin:0px;} /* Standardkod för att göra 100% höga webbsidor */

/*****************************************
 Generella element
/*****************************************/

body 
{
	font-family: Tahoma, Verdana, sans-serif;
	background-image:url(../images/bg.gif);
	font-size:11px;
	color:#666666;
	line-height:14px;
}

.ImageHeading /* Alla rubrikbilder */
{
	padding-bottom:10px;
	display:block; /* inbyggd radbrytning*/
}

a,a:link,a:active,a:visited,a:hover
{
}


.Textbox,.Labelbox
{
	color:#666666;
	font-weight:normal;
	display:block;
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding:2px;
	height:13px;
	position:relative;
	top:-2px;
	font-size:10px;
}

.Button
{
}

.Dropdown
{
	width:200px;
}


.HorzSeparator1
{
	background-image:url(../images/horzseparator1.gif);
	background-repeat:repeat-x;
	width:100%;
	height:2px;
	margin-top:5px;
	margin-bottom:5px;
}


/*****************************************
 Rubriker 
/*****************************************/

h1,h2,h3,h4
{
	font-weight:normal;
}

h1 /* Störst */
{
}

h2 
{
}

h3
{
	font-size:14px;
	font-weight:bold;
	color:#4d618a;

}

h4 /* Minst */
{
	font-size:11px;
	font-weight:bold;
	margin-bottom:4px;
}

p
{
	margin-bottom:15px;
}

a
{
	color:#4d618a;
}
/*****************************************
  Layout
/*****************************************/
#Container
{
	width:852px;
	border-left:3px solid #d0d1d2;
	border-right:3px solid #d0d1d2;
	background-color:White;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:auto;

}

	#Container #Col1
	{
		width:192px;
		margin-left:6px;
		float:left;
	}
	
		#Logo
		{
			margin-left:10px;
			margin-top:25px;
			margin-bottom:5px;
		}
		
		.TopStripe1,.BottomStripe1
		{
			height:8px;
			width:100%;
			background-image:url(../images/bgorange.gif);
			margin-left:8px;
			width:175px;			
		}
		
		.TopStripe1
		{
			margin-top:4px;
			border-top:1px solid #41618d;
		}	
		
		.BottomStripe1
		{
			border-bottom:1px solid #41618d;
		}
		
		
		#Copyright
		{
			margin-left:8px;
			margin-top:5px;
		}

		#fottertext
		{
			margin-left:8px;
			margin-top:0px;
			font-size:10px;
		}
	
	#Col2
	{
		float:left;
		width:630px;
	}
	
		.TopStripe2,.BottomStripe2
		{
			height:8px;
			width:615px;
			background-image:url(../images/bggray.gif);			
			clear:both;
			margin-left:8px;
		}
	
		.TopStripe2
		{
			margin-top:4px;
			border-top:1px solid #41618d;
		}
		
		.BottomStripe2
		{
			border-bottom:1px solid #41618d;
			margin-top:20px;
		}
		
		#ShopBox
		{
			font-weight:bold;
			height:80px;
			float:left;
			margin-right:7px;
			position:relative;
			width:630px;
		}
		
			#ShopBox ul
			{
				list-style:none;
				height:20px;
				float:right;
				margin-top:60px;
				position:relative;
				right:-1px;
			}
		
			#ShopBox li
			{
				float:left;
				margin-right:10px;
			}
			
			.liButton
			{
				position:relative;
				top:-7px;
				right:-6px;
			}
			
							
			#Dibs
			{
				padding:9px;
				font-size:8px;
			}
				#Dibs img
				{
					margin:7px;
				}
		
		#Contentbox
		{
			width:630px;
			background-image:url(../images/ContentBoxMid.gif);
			background-repeat:repeat-y;
			float:left;
			position:relative;
		}
		
			#InnerBox
			{
				margin-left:25px;
				margin-right:25px;
				margin-top:13px;
				margin-bottom:13px;
				min-height:476px;
				height:auto !important;
				height:476px;
	
			}
			
			
			
		#ProducedBy
		{
			float:right;
			margin-top:0px;
			margin-right:8px;
			font-size:10px;
		}

/*****************************************
  Menyn
/*****************************************/

#MenuContainer1
{
	width:192px;

}

	#MenuContainer2
	{
		background-image:url(../images/menu/bgMenuMid.gif);
		background-repeat:repeat-y;	
	}
	
		#MenuContainer3
		{
			background-color:#e8af5e;
			margin-left:17px;
			margin-right:16px;
			background-image:url(../images/menu/bgMenuGradient.jpg);
			background-repeat:repeat-x;	
			min-height:508px;
			height:auto !important;
			height:508px;

		}
		
			#Menu
			{
				list-style:none;
			}
			
			
				#Menu .TopLevel
				{
					list-style:none;
					height:22px;
					width:160px;
					background-image:url(../images/menu/bgButton.jpg);
					background-repeat:no-repeat;
					cursor:pointer;
				}
				
				#Menu .TopLevel a
				{
					font-size:11px;
					font-weight:bold;
					color:White;
					text-decoration:none;
					display:block;
					height:17px;
					width:150px;
					padding-left:10px;
					padding-top:5px;
				}
				
				#Menu .TopLevel a:hover
				{
					text-decoration:underline;
				}
					
				#SubMenuHolder
				{
					margin-left:6px;
				}		
							
				#Menu .SubLevel,.SMContainerHide,.SMContainerShow
				{
					height:auto;
					background-image:none;
					background-color:#fda942;
					width:159px;
					display:block;
	
				}
				
			
				.SMContainerShow
				{
					display:block;
				}
				
				.SMContainerHide
				{
					display:none;
				}
				
#MenuContainer1 .Textbox
{
	background-color:#fba943;
	border-left:#ed7200;
	border-top:#ed7200;
	border-left:#fbd7ab;
	border-bottom:#fbd7ab;
	background-color:White;
	color:Black;
	border-width:1px;
}

#MenuContainer1 #SearchBox
{
	padding-top:20px;
	margin:8px;
}

#MenuContainer1 #NewsBox
{
	padding-top:20px;
	margin:20px 0px 0px 0px;
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

#MenuContainer1 #FacebookBox
{
	padding-top:20px;
	margin:0px 0px 0px 0px;
    display: block;
}

#MenuContainer1 #Sharebutton
{
	padding-top:10px;
	margin:0px 0px 0px 0px;
	text-align:center;
}

#MenuContainer1 .BoxButton
{
	float:right;
	margin-top:5px;
}

#MenuContainer1 h4
{
	color:White;
}	
		
/*****************************************
  Start
/*****************************************/

#CenterShirt 
{
    text-align:center;    
}

#Start #LeftCol
{

}

	#Start #ColA
	{
		float:left;
		width:280px;
		
	}
	
	#Start #ColB
	{
		float:left;
		width:280px;
		
	}

/*****************************************
  Info
/*****************************************/

#Info
{

}

/*****************************************
  Shipping
/*****************************************/

#Shipping
{
	height:320px;	
}
		
	
/*****************************************
  CategoryList
/*****************************************/		

#CategoryList
{

	
}	
	#CategoryList #CategoryBox,.ProductList #ProductBox
	{
		width:128px;
		height:122px;
		border:1px solid #d0d3d7;
		float:left;
		margin-right:10px;
		margin-bottom:10px;
		padding-top:10px;
		text-align:center;
	}
	
		#CategoryList #CategoryBox:hover,.ProductList #ProductBox:hover
		{
			border:1px solid #ff8c00;	
		}
		
		#CategoryList #CategoryBox a,.ProductList #ProductBox a
		{
			color:#2e2e2e;
			text-decoration:none;
			display:block;
		}
		
		#CategoryList #CategoryBox .CategoryImage,.ProductList #ProductBox .ProductImage
		{
			height:105px;
		}
				
					
/*****************************************
  ProductList
/*****************************************/			
		

.ProductList
{
	
}

/*****************************************
  Nav
/*****************************************/	

#Nav
{
	height:25px;
	width:100%;
	background-image:url(../images/navback.gif);
	background-repeat:repeat-x;
	padding:5px;
	width:559px;

}

	#Nav a,#Nav
	{	
		font-size:14px;
		color:White;
		font-weight:bold;
		text-decoration:none;
	}
	
/*****************************************
  Productview
/*****************************************/	

.t-left
{
	    position:absolute;left:49px;top:63px;
}

.t-top
{
	    position:absolute;left:77px;top:22px;
}

.t-right
{
	    position:absolute;left:217px;top:63px;
}

.t-bottom
{
	    position:absolute;left:90px;top:166px;
}

.whiteshirtbox
{
        position:absolute;left:114px;top:63px;  
        width:104px;
	    height:104px;
	    text-align:center;  
}
.infobox
{    
    width:100%;
	height:200px;
    margin-top:15px;
	margin-bottom:5px;
}

#ProductView
{
	color:White;
}
	
	.BoxHeading
	{
		color:White;
		font-size:11px;
		font-weight:bold;
		margin-left:5px;
		position:relative;
		top:-5px;
	}

	#ProductView #Box1
	{
		width:279px;
		background-image:url(../images/Box1Mid.gif);
		background-repeat:repeat-y;
		float:left;
		height:540px;
		position:relative;
	}
		
		#ProductView #BoxContent1
		{
			margin-top:25px;
			margin-left:25px;
			margin-right:25px;
			height:442px;
			position:relative;
			
		}
		
		
		#ProductView #BoxContent1 .ImgUpload
		{
			float:right;
			margin-right:8px;
			margin-top:10px;
		}
		
		#ProductView #BoxContent1 .Backbtn
		{
			position:absolute;
			bottom:5px;
			left:0px;
		}
		
        #BoxContent1 .Imagebox
		{
		    width:100%;
			background-color:White;
			height:80px;
			margin-top:5px;
			margin-bottom:5px;
			text-align:center;
        }
        
        .ImageModelbox
        {
		    width:100%;
			height:233px;
			margin-top:5px;
			margin-bottom:5px;
			text-align:center;
        }

	
	#ProductView #Box2,#ProductView #Box2
	{
		width:345px;
		background-image:url(../images/Box2Mid.gif);
		background-repeat:repeat-y;
		float:right;
		position:relative;
	}
	
	#ProductView #Box2
	{
		height:540px;
		
	}
	
		#ProductView #BoxContent2
		{
			margin-top:25px;
			margin-left:25px;
			margin-right:25px;
		}
		
			#BoxContent2 .Imagebox
			{
				width:100%;
				background-color:White;
				text-align:center;
			}

			#BoxContent2 #CartBox
			{
				float:right;

			}
				#BoxContent2 .QtyBox
				{
					position:relative;
					top:-5px;
					width:35px;
					text-align:center;
				}
			
	
	#ProductView .Top
	{
		position:absolute;
		top:0px;
	}
	
	#ProductView .Bottom
	{
		position:absolute;
		bottom:0px;
	}
	
	
#ProductView a
{
	color:White;
}
		
/*****************************************
  CartEdit
/*****************************************/	

#CartEdit
{
	
}



	#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;
	}
		
/*************************************************
	Checkout
*************************************************/

#Checkout
{
	margin-left:10px;
	width:450px;
}

#Checkout h4
{
	color:#2c3851;
}

#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;
}

/*************************************************
	Skicka lösenord
*************************************************/	

#LostPassword
{
	padding:15px;
}
	#LostPassword .ButtonFix
	{
		position:relative;
		top:-3px;
	}
	
/*************************************************
  Kontakt
*************************************************/		

#Contact
{
	
}

	#Contact #Col1
	{
		float:left;
		width:315px;	
	}
	
	
	#Contact #Col2
	{
		float:right;
		width:240px;
		
	}
	
		#Contact #ContactBox
		{
			background-color:#dddfe3;
			height:100px;
			margin-bottom:2px;
			margin-top:8px;
			text-align:right;
			color:Black;
			background-image:url(../images/letter.gif);
			background-repeat:no-repeat;
			background-position:10px 10px;
			line-height:16px;

		}
			#Contact #ContactBox div
			{
				padding:18px;
			}
		
		#Contact #PatternBox
		{
			height:180px;
			width:100%;
			background-image:url(../images/bgPattern1.gif);
		}