/** Override default (webbrowser) dl margin settings */
*
{
	outline: 0;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { 
margin: 0px;
}
.csc-textpic {
padding: 0px;
}
body 
{
margin: 0px; 
padding: 0px;
background-image: url('../image/toningbg2.jpg');
background-repeat: repeat-x;
padding-top: 0px;
}

/* CSS Document */
body, div, td, th, span, p, h2, h3, li 
{
color: #000000;	
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 14px;
}

html {
     overflow: -moz-scrollbars-vertical;
}


#table {
padding: 0px;
background-color: #ffffff;
}

#table1
{
color: #000000;
width: 1000px;
border: 1px solid #cccccc;
}

#wrap {
	padding: 0 15px 15px 15px;
	height: 100%;
	height: auto !important;
	min-height: 500px;
	width: 970px;
	margin: auto;
	background: #fff url(../image/tonad_bg.jpg) no-repeat;
}

#header {
	height: auto; /*Height of screenplay*/
	width: 970px;
	position: relative;
	background: #fff;
}


/********************** HEADER ***************************/
.tx-slideshow-pi1 {
padding: 0px;
}

#headimg {
background-image: url('../image/nwlogo.gif');
background-repeat: no-repeat;
width: 213px;
height: 72px;
margin-left: 10px;
}

.csc-textpic-clear {
padding: 0px;
}

/* Nya toppen p� sidan, d�r det nu finns en top med tv� logotyper och sedan bildspelet under */
/* Bl�a bakgrunden */
#topimg 
{
float: left;
padding: 0;
width: 970px;
height: 79px;
background-position: 0px 0px;
background-color: #013777;
}
/* Bolagets logga */
#logo1
{
	float: left;
	width: auto;
	min-width: 222px;
	max-width: 400px;
	height: 79px;
	background: none;
}
/* H�r finns "A New Wave Group company" */
#logo2
{
	float: right;
	width: 222px;
	height: 79px;
	background: none;
}

/* Bildspelet, 1.jpg �r en utav bilderna som ligger som bakgrundsbild ifall bildspelet d�r eller n�gon har javascript avst�ngt */
#mittenimg 
{
float: left;
padding: 0;
width: 970px;
max-height: 207px;
}



/********************** MIDDLE COLUM ***************************/
/*#shadow_left {
background-image: url('../image/toning_van.jpg');
width: 19px;
height: 784px;
float: left;
padding: 0px;
background-repeat: no-repeat; 
}*/

/*#shadow_right {
float: right;
background-image: url('../image/toning_hog.jpg');
width: 19px;
background-repeat: no-repeat;
height: 784px;
padding: 0px;
}*/


#maintext 
{
background: #fff;
width: 720px;
height: 100%;
height: auto !important;
min-height: 500px;
height: 400px;
padding: 10px;
height: auto;
float: left;
display: inline;
}
#manvara {
float: left;
padding-left: 0px;
}

#reklam 
{
float: left;
}

#katalogen {
float: left;
padding-left: 0px;
padding-bottom: 15px;
}
#maintext2
{
background: #fff;
width: 570px;
height: 100%;
height: auto !important;
min-height: 500px;
height: 400px;
padding: 10px;
height: auto;
float: left;
display: inline;
}

#maintext_tm
{

width: 750px;
padding-left: 10px;
height: auto;
float: left;
padding: 5px;

}



/********************** THE BOXES FOR COLUMS ***************************/

#box
{
float: left;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
width: 190px;
background-color: #E5F8FF;
}
#box2
{
float: left;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
height: 400px;
width: 10px;
}
/********************** NEWS COLUM ***************************/

#newstext
{
width: 220px;
padding-left: 20px;
background-color: #E5F8FF;
height: auto;
float: left;
max-height: 400px;
padding: 5px;
height: 400px;
overflow: auto;
}

/*****MENURIGHT************/


#hoger
{
	border-left: 1px dotted #cccccc;
	width: 170px;
	float: right;
	height: 100%;
	height: auto !important;
	min-height: 100px;
	background: #fff;
	padding: 0 10px 10px 10px;
}



/********************** MENU LEFT ***************************/


#sist {
float: right;
padding: 0px;
}

#submenu
{
	padding: 0px;
	float: left;
	color: #000000;
	height: 100%;
	height: auto !important;
	min-height: 389px;
	background: #fff url(../image/toningsubmenu.jpg) no-repeat;
}

#submenu ul{
	padding: 0px 5px 5px 5px;
	width: 170px;
}

#submenu li{
	padding: 5px;
	border-bottom: 1px dotted #000;
	width: 160px;
	font-size: 11px;
}

#menu_lvl2Content 
{
padding-left:0px;
height: 25px;	
color: #000; 
float: left;
width: 20px;

}

#menu_lvl2Content li
{
list-style: none;
float:left;
}


#menu_lvl2 
{
margin-top: 0px;
float: left;
word-spacing: 2px;
padding-left: 3px;
padding-right: 4px;
height: 25px;    
color: #000000; 
width: 170px;
}

#menu_lvl2 p.bodytext
{
margin-left: 0px;
padding-left:0px;
}



#menu_lvl2 a {
float: left;
line-height: 16px;
word-spacing: 2px;
padding-left: 3px;
height:17px;   
padding-right: 8px;  
}
/* Fel deklarerat
#menu_lvl2 a: Hover
{
float: left;
line-height: 16px;
word-spacing: 2px;
padding-left: 10px;
padding-right: 0px;
height:16px; 
   
}
*/

.firstlevellink
{
list-style: none;
float: left;
clear: right;
height: 20px;

}

/************** LANG ************/

#lang
{
float: right;
padding-top: 0px;
height: 10px;
width: 998px;
text-align: right;
margin-bottom: 10px;
}

#lang a
{
margin-right: 5px;
border-right: 1px solid #999;
padding-right: 5px;


}


/********************** MENU TOP ***************************/

#nav {
     background: #fff url(../image/mainmenubg.jpg) repeat-x;
     height: 29px;
     width: 970px;	
	 float: left;
}
#nav ul
{
	width: 960px;
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	height: 18px;
}

#mainmenu {
	padding: 5px;
	margin: 0px;	
	width: 960px;
	float: left;
	height: 16px;
	display: inline;
}


#menu_lvl1 
{
height: 26px;
padding: 0px;
line-height: 18px;
vertical-align: middle;
float: left;
color: #000000;
width: auto;

}


#menu_lvl1 a
{
float: left;
padding-bottom: 0px;
padding-left: 4px;
padding-right: 17px;
line-height: 25px;	
vertical-align: middle;
border:0px;
height: 26px;
color: #000000;
width: auto;
border-right: 1px solid #000000;
}

#menu_lvl1 a:hover
{
float: left;
padding-bottom: 0px;
padding-left: 4px;
padding-right: 17px;
line-height: 25px;	
vertical-align: middle;
border:0px;
color: #cccccc;
}

h1, #menu_lvl1 a
{
color: #000000;
text-decoration: none;
text-transform: none;
font-size: 10px;
font-weight: normal;
border:0px;	

}

#menuact
{

padding-bottom: 0px;
padding-left: 17px;
padding-right: 17px;
line-height: 18px;	
height: 26px;
}

h2, #menu_lvl2 a, #footer
{
vertical-align: bottom;
bottom: 0;
color: #000000;
text-decoration: none;
font-size: 10px;
letter-spacing: 0px;

}


#menu_lvl2 a:Hover,
#menu_lvl2 a.selected

{

color: #ffffff;
}

/********************** FONT SETTINGS ***************************/

#page 
{

}

	
p, content, div, input, label, submit 
{
color: #000000;
font-size: 11px;
letter-spacing: 0px;
font-weight:normal;
margin-top:0px;
line-height: 17px;	
letter-spacing: 0.04em;	
}


p
{

padding-right: 17px;
padding-top: 5px;
}

h1
{

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
padding-right: 17px;
}
h5
{
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #999999;
line-height: 15px;
letter-spacing: 0.3px;
margin: 10px 0px 0px 0px;
padding: 0px;
}

a 
{
text-decoration: none;
color: #666666;
}

a:Hover 
{
text-decoration: none;
color: #333333;
}

/********************** FOOTER ***************************/

#footer 
{
	color:#000;	
	background: #fff url(../image/mainmenubg.jpg) repeat-x;
	padding: 5px;
	height: 26px;
	width: 960px;
	clear: both;
	text-align: center;
}


/********************** DROPDOWN AND OTHER MIXED SETTINGS ***************************/


#contentBlock {
/*	overflow: hidden;
	display:block;*/	
}
#leftColumn {
	float:left; 
	z-index:4;
	/*
	background-color:white;
	filter: alpha(opacity=40);
  -moz-opacity: 0.40;
  opacity: 0.40;*/
  height:418px !important;
  overflow:hidden;
}
#leftColumn p {
}
#content {
	height:418px;	
	overflow:visible;
}

#left, #leftFlowable {
	float:left;	
	padding-top: 150px;
	padding-left: 45px;
	width:315px !important;
	width:374px;
	/*display:inline;*/
}
#left { /* left column with fixed height */
	height:268px !important;
	height:418px; /* reset height for IE, above padding is counted into height for MOZ.. */	
	overflow:hidden;
}
#right, #rightFlowable {
	width:374px;
	position:relative;
	float:right;
	overflow:hidden;
}
#right { /* right column with fixed height */
	height:418px !important;
	overflow:hidden;
}

#rightContent{
	width: 334px;
	height: 418px;
	position: absolute;
        float: right;
        right: 45px;
}

#indexProductImage
{
	position: absolute;
	top: 85px;
	right: 0px;
}

#indexProductTitle{
	padding-top: 50px;
	position: absolute;
	right: 0px;
	text-align: right;
	z-index: 500;
}

/*******Begin adjusting produkt color samples****/
#productOptions, #colorSamples {
	display: block;
	margin-bottom:15px;
	padding-right: 45px;
	float: right;
        margin-left: 0px;
        padding-left: 0px;
}

#colorSamples ul{
	list-style-type: none;
	clear: both;
}

#colorSamples li{
	float: right;
    padding-left: 31px !important;
	padding-left: 42px;
	text-align: center;
	line-height: 25px;
}

#colorSamples img{
	display: block;
	height: 46px;
	width: 132px;
}

/*******End adjusting produkt color samples****/

H1, H2 {
	margin-bottom:2px;
}

.specialH1, #colorSamples li{
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0px;
}
.bigText {
	font-size: 20px;
        font-weight: lighter;
}

.highlightedLink {
	text-decoration: none;
	padding-top:3px;
	color:black;
}
.highlightedLink:Hover {
	color:gray;
}
.highlightedLink:Before {
content: "? ";
}

H3{
	font-size: 11px;
	font-weight: normal;
	/*text-transform: uppercase;*/
}

.smallHeader{ /*same as H# with no line break*/
	font-size: 8px;
	font-weight: normal;
	text-transform: uppercase;
}

#languageSelector {
	float:left;
	position:relative;
	display:inline;
	/*width:370px;*/
	text-align:left;
}

#languageSelector a {
	height:100%;
	/*padding-left:3px;
	padding-right:3px;*/
        /*firefox need this to make the hovering fill the whole div-height*/
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 5px;
        padding-left: 17px;
        font-size: 10px;
        color:#A6ADB0;
}

#languageSelector a:Hover {
	height:100%;
	text-decoration:none;
        border: none;
	background-color:#F0F0F0;
}

#copyText {
	float:right;
	position:relative;
	display:inline;
	/*width:370px;*/
	text-align:right;	
}

img{
	border:0px;
}


div.csc-mailform-field label{
	width:90px !important;
	width:105px; /*Needed as IE needs more space f?r form fields and this is not optimal*/
	float: left;

	text-align: left;
	padding-right: 5px;
	padding-top:4px;
	vertical-align: bottom;
}

.csc-mailform-field input{ 
	width:200px;
	margin-bottom: 5px;
	/*border: 0px;
	border-bottom: 1px solid silver;*/
}

/*Submit-button*/
#mailformformtype_mail {
	width:100px;
	height:20px;
	border:1px solid silver;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	background-color:#f1f1f1;
	margin-left:95px !important;
	margin-left:110px;
	margin-top:10px;
}

fieldset{
	margin-left: 0px;
        margin-top: 20px;
        border: 0px;
        
}



#singlenews h1 {
margin:0px;
}

#singlenews h3{
line-height:1.1em;
text-transform:none;
font-size:10px;
margin:0px;
}

.topmenul1 li,
.topmenul2 li,
.topmenul3 li {

}


.topmenul1 li {

list-style-type: none;
width: auto;
padding: 0px;

}





.topmenul2  li 
{

background-color: #E0E1E4;

margin: 0;
}

.topmenul3  li 
{

background-color: #F8F8F8;
width: 175px;
margin: 0;
}

#dropdown {
margin: 0;
padding: 0;
float: left;

}






ul{

list-style: none;
margin: 0;
padding: 0;
border: none;
}


/****MENUHEADLINES*****/

.csc-firstHeader
{
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #999999;
line-height: 20px;
letter-spacing: 0.3px;
}
.csc-header-n3 h1
{
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #999999;
line-height: 20px;
letter-spacing: 0.3px;
}

.csc-header-n1
{
padding-top: 0px;

}



.footerText
{
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


.internal-link
{
font-size: 10px;
}

a .internal-link
{
font-size: 10px;
color: #000000;
}

a:Hover .internal-link
{
font-size: 10px;
color: #999999;
}







* List TopNav Multimenu start
/* Colors used:
   bottom border mainmenu div and 
   partial border around horizontal links buttons and
   #AFB6D0 = light blue grey 
   bottom border of dropdown
   #707586 = dark blue grey
   background of horizontal links buttons
   #888C99 = medium blue grey
   background of hover and selected horizontal links buttons
   #d6ecb9 = light green
   partial border around horizontal links buttons and
   font color of selected horizontal links
   #333333 = dark grey 
   level 1 & 2 dropdown background color
   #e6f0d2 = lighter light green
   level 1 & 2 dropdown link color
   #364061 = medium blue
   Level 1 dropdown hover and selected link color
   #ff6600 = orange
   level 1 & 2 dropdown background color
   #BFE699 darker light green
   level 2 dropdown hover & selected background color
   #dadde9 = lighter light blue
   */
div#mainmenu {
   /* needed to give a margin above and below the buttons */
   height: 0px; 
   border-bottom: 3px solid #AFB6D0;
   } 
   
#nav ul {
   list-style: none;
   border-bottom: 0px solid #707586;
   background:none;
   padding: 2px 0;
   margin: 0;
   }
#nav li {
   position: relative;
   padding: 0px;
   float: left;
}
#nav li a {
	font-size: 11px;
	color: #000; 
	font-weight: normal;
	text-decoration: none;
}
#nav li a:hover {
   
   color: #666666;

}
#nav li.sel A {
	background-color: #d6ecb9;
	color: #000000;
}
#nav li.sel A:hover {
	background-color: #d6ecb9;
	color: #666666;
}


/* 1st dropdown level */
#level1 {
	display: block;
	
	left: -0px;
	width: 160px;

}
   #level1 UL {
   position: absolute;
   overflow: visible;

   border-bottom: 3px solid #707586;
   }
   #level1 li {
   display: block;
   margin: 0 !important; 
   margin: 0;
   padding: -0 0 !important;
   font-size: 1em; 
   }
   #level1 li A {
   display: block;
   width: 150px; 
   background: #F0F0F0;
   padding: 2px 3px;
   font-weight: normal;
   text-align: left;
   text-decoration: none;
   color: #364061;
   font-size: 11px;
   margin: 0; 
   border: 0; 
   border-bottom: 1px dotted #F0F0F0; 
   border-top: 1px dotted #F0F0F0;    

   }
   #level1 li A:hover {
   display: block;
   color: #fff;
   background-color: #cccccc;
   border-bottom: 1px dotted #000000; 
   border-top: 1px dotted #000000;    
}
   #level1 li.sel A {
   background-color: #6699CC;
   color: #ffffff;


   }
   #level1 li.sel A:hover {
   background-color: #D1E2F6;
   color: #000;

   } 
/* 2nd dropdown level */
   #level2 {
   display: block;
   left: 116px !important;
   left: 110px;
   top: 0 !important;
   }
   #level2 UL {
   display: block;
   position: relative;
   overflow: visible;
   }
   #level2 LI {
   display: block;
   }
   #level2 li A {
   display: block;
   background: #afb6d0;
   }
   #level2 li A:hover {
   display: block;
   background: #dadde9;
   }
   #level2 li.sel A {
   background-color: #dadde9;
   color: #364061;
   }
   #level2 li.sel A:hover {
   background-color: #dadde9;
   color: #ff6600;
   }
/* all see this */
   #nav ul ul, #nav ul ul ul {
   display: none;
   position: absolute;
   width: 150px;
   top: 0;
   }
   /* non-IE bowsers see this */
   #nav ul li>ul, #nav ul ul li>ul {
   margin-top: 0;
   }
   #nav LI:hover UL UL, #nav LI:hover UL UL UL{
   display: none;
   }
   #nav LI:hover UL {
   display: block;
   }
   #nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul {
   display: block;
   }

   UNKNOWN {
   margin-top: 0;
   left: auto; 
   top: auto;
   }

/* List TopNav Multimenu end*/ 
#menu1 {
padding-right: 20px;
float: left;
}

#menu2 {
float: left;
padding-right: 20px;
}
#menu3 {
float: left;
padding-right: 20px;
}
#menu4 {
float: left;
padding-right: 20px;
}
#menu5 {
float: left;
padding-right: 20px;
}
#menu6 {
float: left;
padding-right: 20px;
}
#menu7 {
float: left;
padding-right: 20px;

}
#menu8 {
float: right;
padding-right: 0px;
margin-right: 35px;
padding-bottom: 5px;	
}

.news-latest-container h2
{
font-size: 12px;
}

.news-latest-date
{
font-size: 10px;
}


.news-latest-item h3
{
font-size: 12px;
padding-top: 4px;
margin: 0px;
text-transform: lowercase;
font-weight: bold;
letter-spacing: 0.5px;
}

.news-latest-item
{
border-bottom: 1px dotted #999999;

}

.csc-mailform-submit
{
padding: 0px;
}

.clearer
{
border: 0px;
}

.push {
	position: relative;
	clear: both;
	width: 50px;
	height:1px;
}
p.bodytext {
	padding: 0;
	margin: 0;
	top: 0;
	bottom: 0;
}
p.news-single-author {
	padding: 0;
	margin: 0;
	top: 0;
	bottom: 0;
}
h1.tt_news {
	padding-top: 0px;
	margin-top: 0px;
	font-weight: bold;
	color: #000000;
}
h2.tt_news _date{
	padding-top: 0px;
	margin-top: 0px;
	font-weight: bold;
	color: #000000;
}

.news-list-morelink{
	color:#000000;
}

.news-single-img-group {
	float: right;
margin-left:5px;
	width: 240px;
}
.news-single-img {
	float: left;
margin-left:5px;
	width: 240px;
}
news-single-imgcaption
{
	float: left;
	width: 60px;
}

/* Tillagt 23-12-2008, FCE uppbyggad */
#content_root
{
	width: 970px;
	float: left;
	height: auto !important;
	height: 100%;
	height: 500px;
	min-height: 500px;
	background: none;
}
#content_root_start
{
	width: 970px;
	float: left;
	height: auto !important;
	height: 400px;
	background: none;
}
#content_root_submenu
{
	width: 970px;
	float: left;
	height: auto !important;
	height: 400px;
	background: none;
}
#content_root_nonews
{
	width: 970px;
	float: left;
	height: auto !important;
	height: 400px;
	background: none;
}
#content_root_submenu_2cols
{
	width: 970px;
	float: left;
	height: auto !important;
	height: 400px;
	background: none;
}
#content_root_3cols
{
	width: 100%;
	float: left;
	display: inline;
	height: auto !important;
	height: 400px;
	background: none;
}

/* En FCE f�r mode, med reklam till h�ger och content till v�nster */
#content_root_2cols_noborder
{
	width: 970px;
	float: left;
	display: inline;
	height: auto !important;
	height: 400px;
	background: none;
}
#content_noborder_left
{
	background: none;
	width: 770px;
	height: 100%;
	height: auto !important;
	min-height: 500px;
	padding: 10px 0px 10px 10px;
	height: auto;
	float: left;
	margin: 0;
	display: inline;
}
#content_noborder_right
{
	width: 175px;
	float: right;
	height: 100%;
	height: auto !important;
	min-height: 100px;
	background: none;
	margin: 0;
	padding: 0px 10px 10px 0px;
}
/* H�r ligger 2 cols inst�llningarna */
#cols2_left
{
	width: 53%;
	padding: 0px 10px 0px 0px;
	float: left;
	background: none;
}
#cols2_right
{
	width: 45%;
	padding: 0px 0px 0px 0px;
	float: right;
	background: none;
}

/* H�r ligger 3 cols inst�llningarna */
#cols3_left
{
	float: left;
	width: 30%;
	height: auto !important;
	background: none;
	padding: 1%;
	margin: 0;
	display: inline;
}
#cols3_middle
{
	float: left;
	width: 30%;
	height: auto !important;
	background: none;
	padding: 1%;
	margin: 0;
	display: inline;
}
#cols3_right
{
	float: left;
	width: 30%;
	height: auto !important;
	background: none;
	padding: 1%;
	margin: 0;
	display: inline;
}

/* FCE med endast en ruta i content_root */
#content_root_1col
{
	width: 970px;
	float: left;
	display: inline;
	height: auto !important;
	height: 400px;
	background: none;
}
#maintext3
{
	background: #fff;
	width: 940px;
	height: 100%;
	height: auto !important;
	min-height: 500px;
	height: 400px;
	padding: 10px;
	height: auto;
	float: left;
	display: inline;
}

/* FCE med tre columner i olika storlekar */
#content_root_nlcols
{
	width: 970px;
	float: left;
	display: inline;
	height: auto !important;
	height: 400px;
	background: none;
}
#content_nlcols_left
{
    background: #fff;
    width: 560px;
    height: 100%;
    height: auto !important;
    min-height: 500px;
    height: 400px;
    padding: 10px 20px 10px 10px;
    height: auto;
    float: left;
    display: inline;
}
#content_nlcols_middle
{
	width: 170px;
	float: left;
	height: 100%;
	height: auto !important;
	min-height: 100px;
	background: #fff;
	padding: 10px 10px 10px 9px;
}
#content_nlcols_right
{
	border-left: 1px dotted #cccccc;
	width: 170px;
	float: right;
	height: 100%;
	height: auto !important;
	min-height: 100px;
	background: #fff;
	padding: 0px 10px 10px 10px;
}