/* 
----------------------------------------
Default CSS document
---------------------------------------- 
*/

body{
	font-family: verdana, arial, sans-serif;
	color: #5D5D5D;
	background-color: #5B5B5B;
	font-size: 10px;
	height: 100%; 
	width: 100%; 
	MARGIN: 0PX;
}

h1{
font-family: arial;
font-size: 18px;
font-weight: bold;
}

h2{
font-family: arial;
font-size: 14px;
font-weight: bold;
}

h3{
font-family: arial;
font-size: 12px;
font-weight: bold;
}

a:hover {
font-family: arial, sans-serif;
font-size: 12px;
color: red;
text-decoration: none;
}

a{
font-family: arial, sans-serif;
font-size: 12px;
color:#0000C6;
text-decoration: none;
}



.footerlink{color: #6F6F6F;}

a:visited {
font-family: arial, sans-serif;
font-size: 12px;
color:#CC0066;
text-decoration: none;
}


a:visited:hover {
font-family: arial, sans-serif;
font-size: 12px;
color:red;
text-decoration: none;
}

Table{
	font-family: verdana, arial, sans-serif; 
	font-size: 11px;
}

.Table{
	font-family: verdana, arial, sans-serif; 
	font-size: 10px; 
	text-align: left;
}

.Headline{
	font-family: Verdana, Geneva, Arial, sans-serif; 
	font-size: 12pt;
	Color: #5D5D5D;
	Font-Weight: bold;
}

.Ingress{
	font-family: Verdana, Geneva, Arial, sans-serif; 
	font-size: 11pt;
	Color: #5D5D5D;
	Font-Weight: bold;
}

.contentArea{
	font-size: 12px; 
	Padding: 4px;
	padding-top: 10px;

	color: #5D5D5D;
	width: 543px;
	background-color: #f0f0f0;
}

/* --- [Edit Specific] -----*/

#EditAreaActive{
	background-color: #f0f0f0; /* <-- User the same background color as the page */
	border: solid 1px #DE0C01; 
	Height: 100px;
	margin-bottom: 20px;
}

#EditAreaInActive{
	background-color: #f0f0f0; /* <-- User the same background color as the page */
	border: solid 1px #706D6D;
	Height: 100px;
	margin-bottom: 20px;
}

#EditCol1{
width: 350px;
padding-right: 10px;
}

#EditCol2{
width: 521px;
}
/* --- [/Edit Specific] -----*/


.menulinks{
color: #000000;
text-decoration: none;
}

.menulinksSel{
color: red;
text-decoration: none;
}

.menulinks:visited{
color: #000000;
text-decoration: none;
}

.menulinks:hover{
color: red;
}


#LoginBoxDIV{

}

#txtUserName{
Border: Solid 1px #FFFFFF;
width: 80px;
height: 16px;
font-size: 9px;
font-family: verdana;
background-image: url(/skins/site/eklunds/images/txtfld14px.gif);
}

#txtPassword{
Border: Solid 1px #FFFFFF;
width: 80px;
height: 16px;
font-size: 10px;
background-image: url(/skins/site/eklunds/images/txtfld14px.gif);
}

#loginbtn{
height: 20px;
font-size: 10px;
}

#LoginFailedMsg{
color: #C10500;
font-weight: bold;
}

/* 
----------------------------------------
Product database
---------------------------------------- 
*/

.productInfo {
color: #363436;
font-size: 11px;
line-height: 17px;
vertical-align:top;
padding:5px;
}

.productName	{
padding-Top: 4px;
padding-Bottom: 7px;
font-size: 10px;
color: #FFFFFF;
font-weight:bold;
margin-left:5px
}

.productSubs{
font-size: 10px;
color: #B2B2B2;
margin-left:5px
}

.infoText{
	Padding: 2px;
	color: #FFFFFF; 
}


.imageOne		{
background-image:url(/imgbody/product_bgLine1.gif)
}

.imageTwo		{
background-image:url(/imgbody/product_bgLine2.gif)
}

.imageOnea		{
background-color: none;
cursor: hand;
}

.imageTwoa		{
background-color: #061F26;
cursor: hand;
}

.imageTwoc		{
background-color: #7C7C7C;
}



/* DIV SCROLL*/
div.ScrollBlock {
width: 100%;
height: 375px;
margin-bottom: 5px;
}div.ScrollBlockFullsize {
width: 600px;
height: 350px;
margin-bottom: 5px;
}div.ScrollBlockHalfSize {
width: 300px;
height: 350px;
margin-bottom: 5px;
}
#visible {
overflow: visible;
}
#hidden {
overflow: hidden;
}
#scroll {
overflow: scroll;
}
#auto {
overflow: auto;
}
/*<div class="ScrollBlock" id="auto"></div>*