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

}


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

a:hover
{
	text-decoration:underline;
}

/*****************************************
 För hela sidan
/*****************************************/
body 
{
	text-align:center;
	font-size:10px;
	font-family:Verdana;
	line-height:16px;
	background-image:url(../images/bg.gif);
}

.ImageHeading
{
	padding-bottom:10px;
	display:block;
}

.FloatLeft
{
	float:left;
}

.FloatRight
{
	float:right;
}

.Textbox
{
	background-color:#333333;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	width:140px;
	color:White;

}


.Button
{
	background-color :#434343;
	color:White;
	border-left:1px solid #f9b25f;
	border-top:1px solid #f9b25f;
	border-bottom:1px solid #af6003;
	border-right:1px solid #af6003;
	width:99px;
	height:20px;
	font-size:10px;
	cursor:hand;	
}


.Textbox2   
{
	background-color:#ffffff;
	border:2px solid #cacd3c;
	text-align:center;
}


.Heading
{
	font-weight:bold;
}

/*****************************************
 Rubriker (Använd för sökmotorers skull) 
/*****************************************/

h1 /* Störst */
{

}

h2 
{
}

h3 
{
}

h4 /* Minst */
{
}

/*****************************************
 Huvudlayout
/*****************************************/

#OuterContainer
{
	width:850px;
	height:100%;
	height:100%;
	margin:auto;
}

	#LeftShadow
	{
		 width:25px;
		 background-image:url(../images/bgLeftShadow.gif);
		 background-repeat:repeat-y;
			height:100%;
	 
	}
	
	#InnerContainer
	{
		width:800px;
		min-height:100%;
		background-color:#ffffff;
		vertical-align:top;
		text-align:left;
	}

		#ContentTable
		{
			margin:auto;
			padding:0px;
			margin-left:10px;
			margin-right:10px;
			vertical-align:top;

		}


	#RightShadow
	{
		width:25px;
		background-image:url(../images/bgRightShadow.gif);
		background-repeat:repeat-y;
		height:100%;
	}
	
	.BottomSeparator
	{
		background-image:url(../images/BottomSeparator.gif);
		background-repeat:repeat-x;
		padding-bottom:3px;
		height:1px;
	}
/*****************************************
 Meny
/*****************************************/	


#TopMenu
{
	margin:auto;
	width:782px;
}

li
{
	list-style:none;
	clear:right;
	float:left;
	

}


/*****************************************
 Shoppen Menyn
/*****************************************/	

#ShopMenu
{
	width:198px;
}

#ShopMenu .SubTR
{
	margin:6px;
}

#ShopMenu .SubTD 
{
	border:1px solid #cacd3c;
	width:200px;
	margin:1px;
}

#ShopMenu .Header
{
	border-width:0px;
	background-color:#e17c05;
	color:White;
	cursor:pointer;
	width:100%;
}

#ShopMenu .Header a
{
	color:White;
}
	
#ShopMenu div.Bullet
{
	width:3px;
	height:10px;
	background-color:#e17c05;
	float:left;
	clear:right;
	margin:3px;
	
}

#ShopMenu .ArrowImage
{
	margin-left:2px;
	margin-right:4px;
}

/*****************************************
 Shoppen 
/*****************************************/	

.ShopTable
{
	border:1px solid #d9dad9;
	width:572px;
	margin-bottom:12px;
}


.InnerShopTable
{
	width:100%;
}

.InnerShopTable td
{
	padding-left:5px;
	padding-right:5px;
	height:18px;
	
}

.InnerShopTable td.Dark
{
	
	font-weight:bold;
	background-color:#cacd3c;
}

.InnerShopTable td.Bright
{
	background-color:#dee071;
}

.InnerShopTable td.White
{
	background-color:#ffffff;	
}

.InnerShopTable td.Gray
{
	background-color:#d9dad9;	
}

.Orange
{
	background-color:#e17c05;
	padding:2px;
}

#ShopLinks
{
	margin-bottom:10px;
}

#ProductListTop
{
	height:30px;
	width:572px;
	
	background-color:#e17c05;
}

	#CartButton
	{
		float:right;
		margin-top:5px;
		margin-right:3px;
		background-color:#e17c05;
	}

/*****************************************
 Shopmenyn
/*****************************************/

#ShopMenu a,#ShopMenu a:link,#ShopMenu a:active,#ShopMenu a:visited
{
	color:#333333;
}

#ShopMenu a:hover
{
	text-decoration:none;
	font-weight:bold;
}

tr.Selected
{
	background-color:#cacd3c;
	font-weight:bold;
}


/*****************************************
 Shop - Idrottsmeny
/*****************************************/
.SportImage 
{	
	border-bottom: solid 1px #929292;
	border-left: solid 1px #929292;
	border-right: solid 1px #929292;
}

.SportButton
{
	background-color :#cdcc40;
	color:White;
	border-left:1px solid #e2e18e;
	border-top:1px solid #e2e18e;
	border-bottom:1px solid #aeaf30;
	border-right:1px solid #aeaf30;
	width:108px;
	height:20px;
	font-size:10px;
	cursor:hand;	
}

/*****************************************
 Beställningsformulär
/*****************************************/

.OrderHeader
{
	font-weight:bold;
	font-size:12px;
}

#tblOrder
{
	width:100%;
	border-top:1px solid black;
	border-left:1px solid black;
}

#tblOrder td
{
	border-right:1px solid black;
	border-bottom:1px solid black;
	padding:2px;
}

.TextboxPlain
{
	border:1px solid black;
}





.TextboxQuantity,.TextboxHighlight,.TextboxActive
{
	text-align:center;
}


.TextboxQuantity
{
	background-color:#ffffff;
	
	border:2px solid #7f9db9;
	width:20px;
}
.TextboxHighlight
{
	border:2px solid darkred;
	background-color:#efeff0;
	width:20px;
}

.TextboxActive
{
	border:2px solid black;
	width:20px;
}


/*****************************************
 Tooltip
/*****************************************/

.tip 
{
	font:10px/12px Arial,Helvetica,sans-serif; 
	border:solid 1px #666666; 
    width:230px; 
	padding:1px;
    position:absolute; 
	z-index:100;
	visibility:hidden; 
	color:#333333; 
	top:20px;
	left:90px;
	background-color:#dee071;
	layer-background-color:#dee071;
 }