/* STYLE FÖR INTRO DIV */
#intro{position: absolute; border:0;padding:0;margin:0;width:1024px; height: 680px; background-color:#FFF; color:#FFFFFF; top: 0px; left: 0px; z-index:1}

/* STYLE FÖR LOFRIC.COM DIV */
#lofriclink {position: absolute; bottom: 10px; left: 15px;}
.lofriclink {text-decoration:none; font-family:Verdana; font-size:10px; font-weight:bold; color:#FFF}


/* SEKTIONSTEXT VÄNSTERSIDAN */ /* text-shadow does not work in IE6/7 or FF2*/
.leftTextWrapper {width:190px; height:auto; position:absolute; top:175px; left: 20px; margin: 0; padding: 0}
.leftTextContent {color:#FFF; text-shadow: #000 1px 1px 1px; background: #382a4c;  font-size:11px; font-weight: 100; font-family:Verdana; width:180px; 
height:auto; position: relative; top: 0px; left: 0px; margin: 0; padding: 0px 5px 0px 5px;}
.leftTopDistance { background: url('../images/left_bg_hi.png') top left no-repeat; width:190px; height:10px; position:relative; top: 0px; margin: 0; padding: 0; font-size: 0; line-height: 0;}/* två sista för IE6 bugfix */
.leftBottomDistance { background: url('../images/left_bg_lo.png') top left no-repeat; width:190px; height:10px; position:relative; margin: 0; padding: 0}

/* FÄRGER: #7f79ab(orig),#382a4c(mörk) */



/* MAIN TEXT (LEFT) */ 
/* ================ */ 
/*#logo { width:180px; height:auto; position:absolute; top:150px; left: 20px; font-size:11px; font-weight: 100; font-family:Verdana; margin: 0; padding: 5px 5px 5px 5px;} 
.pageShadow {color:#FFF; text-shadow: #000 1px 1px 1px; background: url('../images/bg-layer.png') top left no-repeat;} 
.pageShadow1 {color:#FFF; text-shadow: #000 1px 1px 1px; background: url('../images/bg-layer1.png') top left no-repeat;} 
.pageShadow2 {color:#FFF; text-shadow: #000 1px 1px 1px; background: url('../images/bg-layer2.png') top left no-repeat;} 
.pageShadow3 {color:#FFF; text-shadow: #000 1px 1px 1px; background: url('../images/bg-layer3.png') top left no-repeat;} 
.pageShadow4 {color:#FFF; text-shadow: #000 1px 1px 1px; background: url('../images/bg-layer4.png') top left no-repeat;} */



/* startpage cat nav */
/*===================*/
#catnav_left {position: absolute; width: 122px; height: 58px; text-decoration:none; left: 55px; top: 400px; border:none;}
#catnav_right {position: absolute; width: 104px; height: 54px;  text-decoration:none; right: 85px; top: 360px;border:none;}
#catnav_upper {position: absolute; width: 113px; height: 65px;  text-decoration:none; top: 270px; left: 450px;border:none;}
#catnav_lower {position: absolute; width: 125px; height: 73px;  text-decoration:none; bottom: 135px; left: 460px;border:none;}
#bilden {background: url('../images/sense.png') top left no-repeat; width: 600px; height: 175px; top: 325px; left: 220px; position: relative; cursor:pointer;}
#catshadow {background: url("../images/cathshadow_p.png") top left no-repeat; width: 602px; height: 32px; bottom: 100px; left: 220px; position: absolute; }
.catnav img {border:none;}



/* TEST JQUERY-MENY */
div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 144px;
  width: 585px;
  left: 18px;
  /* Add scroll-bars */
  overflow: auto;
}
ul.sc_menu {
  display: block;
  height: 144px;
  width: 1500px; /* Max width here, for users without Javascript */
  padding: 5px 0 0 0;
  margin: 0; /* Remove default margin */
  /* background: url('navigation.png'); */
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  margin: 0;
  padding: 0 5px;
  width: 137px;
}
.sc_menu a {
  display: block;
  text-decoration: none;
/*  outline: none;*/

}
.sc_menu span {
  display: block; /* We want a caption to display on the next line */
  height: 77px;
  margin: 0;
  padding: 10px 3px 0px 3px;
  text-align: center;
  font-size: 11px;
  text-shadow: #fff 1px 1px 1px;
  font-family:Verdana, Geneva, sans-serif;
  font-weight: 100;
  color:#333;
  background: url('../images/nav/shadow.png') top left no-repeat;
}

.sc_menu a:hover span {
  display: block;  
}

.sc_menu img {
	border: none;
	width: 137px;
	height:77px;	
  /*border: 1px #7f79ab solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 1px; */
}
.sc_menu a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}




/* MAIN PAGE STYLE */
/* =============== */

body {
	margin: 0;
	padding: 0;
	background-color:#FFF;
}

h1 {padding: 0; margin: 0} /* för sIFR så att sidan hamnar rätt i firefox */
h3 {font-size:12px; font-weight:bold; margin-top: 0; padding-top: 0;}

/* WEBFORM STYLE */
/* ============= */
.submit {font-family:Verdana; font-size: 10px; height: 18px;}
.tb {font-family:Verdana;font-size: 10px; height: 16px; background: #FFF;}
.ta {font-family:Verdana;font-size: 10px; }

/* WRAPPER */
/* ======= */
#wrapper { margin:0 auto; width:1024px; padding: 0;	} /*text-align:left;*/ /* obs, för IE5 ev. lägga centered här */

/* TOP MENU AND CHOOSE COUNTRY/LANGUAGE */
/* ==================================== */
#topmenu  { 
	width:1024px;
	height:30px;
	top:0px;
	position:relative;
	margin:0 auto;
	padding-top:0px;
	text-align:center;
	line-height:30px; /*sätt samma som containers höjd centrerar innehållet vertikalt */
	
	/* font properties */
	font-size:10px;
	font-family:Verdana;
	color:#FFF; 
	
} 
#topmenu ul {
	width: auto; /* viktig - matcha med totala LI bredden för att kunna centrera */
	position: absolute;
	left: 33%; /* was 27 with cic */
	margin:0 auto;
	padding: 0;
}
#topmenu ul li{
	display:inline; 
	height:30px;
	width: auto; 		/* viktig - lägg ihop denna och matcha med bredden i UL för att kunna centrera */ 
	float:left; 		/* obs, detta gör att bg-bilden blir riktig och mellanrummen försvinner i FF!  */
	padding: 0;
}
#topmenu ul li a{color: #7f79ab; text-decoration: none; padding-left: 5px; padding-right: 5px;} /* här lägger du paddingen! */
#topmenu ul li a:visited{color: #7f79ab;}
#topmenu ul li a:hover{color: #403876;}

#topmenu ul li.leftmost {background:#fff url('../images/menuleft.jpg') top right no-repeat; width:10px; height:30px; }
#topmenu ul li.rightmost {background:#fff url('../images/menuright.jpg') top left no-repeat; width:10px; height:30px;}

#topmenu ul li img {border: 0px; margin: 0; padding-top: 9px;} /* formatering för bilden, lite hack, fixa senare! */

/* TEST TEST TEST nya separators till toppmeny */
li.menu_list {background:url('../images/menustripe.jpg') top left repeat-x; display: inline; list-style: none; border-left: none; margin: 0; padding: 0;} /* sätta border-left löste problemet, ie tolkade fel */
li.menu_list_first {background:url('../images/menustripe.jpg') top left repeat-x; display: inline; list-style: none; border-right: none; margin: 0; padding: 0;}

/* li.separator {border-right: 1px solid #FFFFFF; margin: 0; padding: 0; width: 1px; height: 10px;} */

/* Specific holder div for language drop-down */
/* ============ */ 
#langDiv { width: 160px; height: 30px; position:absolute; right:0px; top:0px; color: #7f79ab; }
#langDiv li.center {background:#FFF url('../images/menustripe.jpg') top left repeat-x; width: auto; height:30px;}
.ddlista { color:#7f79ab; border: 0; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }

/* MAIN WINDOW CONTAINER */
/* ===================== */ 
#mainwindow { width:1024px; height:680px; position:relative; margin: 0 auto; top:0px; padding:0; }
.mainwindow1 {background: url('../images/mainbg.jpg') no-repeat top left;} /* Startpage */
.mainwindow2 {background: url('../images/lofricsensebg.jpg') no-repeat top left;} /* LoFric Sense page */
.mainwindow3 {background: url('../images/contactbg.jpg') no-repeat top left;} /* Your Health page */ /* old = yourhealthbg.jpg */
.mainwindow4 {background: url('../images/testimonialsbg.jpg') no-repeat top left;} /* Testimonials page */
.mainwindow4_1 {background: url('../images/testimonialsbg_2.jpg') no-repeat top left;} /* Testimonials page med vit platta */
.mainwindow5 {background: url('../images/contactbg.jpg') no-repeat top left;} /* Contact page */

/* QUICKLINK */
/* ============ */ 
#quicklink { width:auto;	height:auto;	position:absolute;	top:10px;	right:10px;} 

/* FOOTER */
/* ====== */ 
#footer { 
	width:1024px;
	height:35px;
	position:relative;
	margin: 0 auto;
	padding: 0 0 0 0;
	top:0px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#666;
	text-align:center;
}
	/*#footer_leftlogo {top: 0px; left: 15%; position:absolute; width: 102px; height: 35px; background:url('../images/atlogo_new.jpg') no-repeat center left;}*/
	#footer_rightlogo {top: 5px; right: 9%; position:absolute; width: 120px; height: 27px; background:url('../images/atlogo_new.jpg') no-repeat center right;}
	#footer_text {top: 10px; position:relative; width: auto; height: 35px; margin: 0; padding: 0;}
	
	#footer a{color:#666; text-decoration:none;}
	#footer a:visited{color:#666;}
	#footer a:hover{color:#CCC;}	

	/* TEST nya separators till footer */
	ul.footer_ul {margin: 0; padding: 0;} /* obs, margin löste problemet med olika höjd i IE / FF */
	li.footer_list {display: inline; list-style: none; border-left: #666 1px solid; margin: 0; padding: 0;} /* sätta border-left löste problemet, ie tolkade fel */
	li.li_last {display: inline; list-style: none; border-right: none; margin: 0; padding: 0;}
	
	a.blink			{color: #FFF; text-decoration: none; font-size: 10px;margin: 0; padding-left: 3px;}
	a.blink:visited	{color: #FFF; text-decoration: none; font-size: 10px;margin: 0; padding-left: 3px;}
	a.blink:hover	{color: #FFF; text-decoration: none; font-size: 10px; margin: 0; padding-left: 3px;}
	a.blink:active	{color: #FFF; text-decoration: none; font-size: 10px; margin: 0; padding-left: 3px;}

/* MAIN CONTENT CONTAINER */
/* ====================== */ 
#content {	font-size:10px; font-family:Verdana; color:#000; position: relative; margin: 0 auto; } 
.content1 {width:880px; height:345px; top:255px;}  /* startpage - larger flash */
.content2 {width:568px; height:319px; top:105px; } /* pages 1, 2, 3, 4 */ /* background:url('../images/sub-bg.png') top left no-repeat; */


/* CONTENT DIVs */
/* ============ */ 
#content2_leftimage {margin: 0; padding: 0; width: 100%; height: 100%; position: absolute; top: 0px; left: 10px; } /* background image on left side */
#content2_rightimage {margin: 0; padding: 0; width: 100%; height: 100%; position: absolute; top: 0px; right: 10px; } /* background image on right side */
#content2_lefttext {margin: 0; padding-right: 10px; width: 95%; height: 95%; position: absolute; top: 10px; left: 10px; overflow-y: auto; overflow-x: hidden;} /* text on left side - only sample order form */
#content2_righttext { margin: 0; padding-right: 10px; width: 50%; height: 95%; position: absolute; top: 10px; right: 10px; overflow-y: auto; overflow-x: hidden;} /* text on right side */

/* klippt bort
word-wrap: break-word; ev. lösning för IE6 only
z-index: -1; - påverkar ingenting
overflow-y: auto; overflow-x: hidden; /* då fungerar det inte
*/

#senselogo {width: 173px; height: 101px; background:url('../images/logo.png') top left no-repeat; position:absolute; left: 34px; top: 35px; padding: 0; margin: 0;}





/* FLASHNAV (BOTTOM NAV) */
/* ===================== */ 
#flashlinks { width: 618px;	height: 160px;	position: relative;	margin: 0 auto;	top: 110px; }
.p1heading {color: #7f79ab; width:1024px; position:absolute; top:30px; padding:0; font: 900 24px verdana;}
.p2heading {color: #7f79ab; width:1024px; position:absolute; bottom:10px; padding:0; font: 900 24px verdana;}
.p3heading {color: #7f79ab; width:1024px; position:absolute; top:30px; padding:0; font: 900 24px verdana;}
.p4heading {color: #7f79ab; width:1024px; position:absolute; top:30px; padding:0; font: 900 24px verdana;}  


/* sIFR CSS */
/* ======== */

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0px;
    padding: 0px;
	top: 25px;
	position: absolute;
}
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:   
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
 }
*/

}





/* ==================================== ACTIVE STYLE END =================================================================== */

/* 	Old code / Examples */
/* ==================== */
	
	/* nedanstående behövs ej längre */
	/*	margin-left:-512px;  Centers the div in IE */
	/*	left: 50%;  Centers the div in IE */

	/*text-align:center; */   /* Centers the content in IE6 */

	/* margin: 0 auto; */ /* tillsammans med nedanstående */
	/* detta centrerar det mesta: margin-left: auto; margin-right: auto; width: (fast); position: relative */
	
	
	/* SCROLLBAR style, these are ONLY IE */
/*	scrollbar-face-color: #808080; 
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-highlight-color: #FFF; 
	scrollbar-3dlight-color:  #FFF;
	scrollbar-shadow-color:  #FFF;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-track-color: #FFF;*/