@import url("css/menu.css");

/* CSS Document */
body
{
	background: #FFF url(images/body_bg.png) repeat-x top left;
	height: 100%;
	margin: 0px;
	padding: 0px;
	color:#636363;
}

/* ControlPanel style */
.ControlPanel
{
	background: transparent url(images/cpanel/cpanel_center.png) repeat-x bottom left;
	border: none;
	padding-bottom: 10px;
}
.cpanel_left
{
	background: url(images/cpanel/cpanel_left.png) no-repeat bottom left;
	padding-left: 21px;
}
.cpanel_right
{
	background: url(images/cpanel/cpanel_right.png) no-repeat bottom right;
	padding-right: 33px;
}

/*-------- Default Style --------*/
body, th, td, div, p, table, h1, h2, h3, h4, h5, h6.Normal, .NormalDisabled, .Head, .SubHead, .SubSubHead, a:link, a:visited, a:hover, input
{
	color: #636363;
	font-family: Arial, Helvetica, sans-serif;
}
body, th, td, div, p, table, .Normal, .NormalDisabled, .Head, .SubHead, .SubSubHead, a:link, a:visited, a:hover
{
	font-size:10px;
}
h1, h2, h3, h4, h5, h6
{
	color: #375162;
}
h1, h3, h5, h1 input
{
	font-weight: bold;
}
h2, h4, h6
{
	font-weight: normal;
}
h1, h2, h1 input
{
	font-size: 14px;
	margin: 10px 0;
}
h3, h4
{
	font-size: 12px;
	margin: 8px 0;
}
h5, h6
{
	font-size: 10px;
	margin: 6px 0;
}


a, a:link, a:visited, a:active
{
	color: #7594b0;
	text-decoration: none;
	font-weight: normal;
	outline:none;
}
a:hover
{
	color: #668199;
	text-decoration: underline;
}
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{
	font-family: Arial, Helvetica, sans-serif;
}
.Head
{
	color: #2E3D47;
	font-weight: bold;
}
.SubHead
{
	color: #4C6171;
}
.SubSubHead
{
	color: #6E8AA0;
}
.NormalRed
{
	color: #F00;
}


/*Datagrids */
.DataGrid_Container
{
	margin-top: 15px;
}
.DataGrid_Header
{
	font-weight: bold;
}
.DataGrid_Header td, .NormalBold td
{
	font-weight: bold;
}

/*-------- design style --------*/

#wrapper
{
	width:960px;
	margin:0 auto;
}
.top
{
	width:100%;
	height:90px;
	background:transparent url(images/top.png) repeat-x;	
}
/*-------- header --------*/
.header
{
	width:940px;
	height:90px;
	margin:0 auto;
	padding:0;

}
.logo
{
	width:200px;
	height:80px;
	float:left;	
}
#translate
{
	z-index:99;
	float:right;
	margin:0px;
	height:0px;
	position:relative;

}
.menu
{
	float:right;
	margin-top:49px;
	height:40px;
	border-left: 1px solid #dddddd;
	padding-left:4px;
	padding-right:0px;
	margin-right:0px;
	width:695px;
}
/*-------- content --------*/
.content
{
	width:930px;
	height:100%;
	margin:0 auto;
	padding-top:15px;
	
}
/*-------- Panes --------*/
.ContentPane_index
{
	float:left;
	width:690px;
	height:100%;	
}
.RightPane
{
	float:right;
	width:220px;
	height:100%;
}
.LeftPane
{
	float:left;
	width:180px;
	height:100%;
	margin:0px;
	padding:0px;

}
/*-------- Panes Produktvisningssida--------*/
.produktvisning
{
	float:right;
	width:695px;
	height:100%;
	border-left: 1px solid #dddddd;
}
.ContentPane_produktsida,
.ContentPane_undersida

{
	width:695px;
	padding-left:25px;
	position:relative;
}
.ContentPane_undersida
{
	padding-bottom:25px;	
}
.produktbilder
{
	width:695px;
	height:500px;
	padding-left:25px;
	padding-bottom:10px;
	position:relative;		
}
.Stor_Produktbild
{
	float:left;
	width:355px;
}
.ContentPane_Installationer
{
	float:left;
	width:300px;
}
.small_img
{
	float:right;
	width:325px;	
	
}
.Bildvisning
{
	padding-top:40px;
	margin-bottom:10px;
	height:500px;
	width:325px;
	float:left;	
}
.installationer
{
	padding-left:25px;
	padding-bottom:10px;
	height:100%;
	width:695px;


}
.Mellan_Produktbild
{
	height:317px;
	margin-bottom:9px;	
}
.beskrivning
{
	border-top: 1px solid #dddddd;
	width:100%;
	height:100%;
	margin-left:25px;
	
}
.ProduktBeskrivvning
{
	float:left;
	width:355px;
	padding-right:5px;
	margin-right:5px;
	border-right: 1px solid #dddddd;
}
.pdf
{
	width:300px;
	float:right;
}
.BottomPane1
{
	float:left;
	width:320px;
	padding-right:5px;
	margin-right:5px;
	border-right: 1px solid #dddddd;
}
.BottomPane2
{
	float:left;
	width:320px;
	padding-left:10px;
}
/*-------- footer--------*/
#footer
{
	width:930px;
	height:100px;
	padding:0;
	background:#ffffff url(images/footer.png) no-repeat top;
	color:#636363;
	padding-right:25px;
	position:relative;
	margin-top:20px;
}
.FooterPane,
.FooterPane p

{
	float:left;
	width:535px;
	font-family: Arial;
	color:#636363;
	font-size:10px;
	padding-top:5px;
	#padding-top:10px;
	padding-left:20px;
	margin-bottom:10px;
}
.copyright
{
	font-family: Arial;
	color:#636363;
	font-size:9px;
	margin-top:20px;
}
.search
{
	width:140px;
	float:right;

	
	
}
/* ------- FileManager -------*/
div.FileManager
{
	height: auto;
	border: none;
}
table.FileManager
{
	width: 99%;
}


a.CommandButton:link, a.CommandButton:visited
{
	color: #636363;
	font-weight: bold;
	text-decoration: none;
}
a.CommandButton:hover
{
	color: #636363;
	text-decoration: underline;
}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited
{
	color: #3E81B5;
}
.ControlPanel a.CommandButton:hover
{
	color: #CB2027;
	text-decoration: underline;
}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead
{
	font-size: 11px;
}
/*------------ Breadcrumb Style --------------*/
.Breadcrumb, a.Breadcrumb:link, a.Breadcrumb:active, a.Breadcrumb:visited
{
	color: #3E81B5;
}
a.Breadcrumb:hover
{
	color: #C00;
}

/*-------------- Link Style --------------*/
.linkscontainer
{
	padding-top: 20px;
	text-align: center;
}
.links, a.links:link, a.links:active, a.links:visited
{
	font-weight: bold;
	color: #3E81B5;
	text-transform: uppercase;
}
a.links:hover
{
	color: #C00;
}

/*-------------- User Style --------------*/
.user, a.user:link, a.user:active, a.user:visited
{
	color: #3E81B5;
}
a.user:hover
{
	color: #C00;
}

/*-------------- Footer Style --------------*/
.footer, a.footer:link, a.footer:active, a.footer:visited
{
	color: #3E81B5;
}
a.footer:hover
{
	color: #C00;
}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane
{
	width: 0;
	padding: 0;
	margin: 0;
}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer
{
	position:relative; 
	white-space: nowrap;

}
div.SearchBorder
{
	width: 214px; 
	height: 30px; 
	white-space: nowrap; 
	margin-top: 16px;
	background: transparent url(images/search_bkg.png) no-repeat;
	}

div.SearchContainer a
{ 
	display: block;
	float:left;
	outline: none;
	margin-top:-26px; 
	margin-left:5px;
}
.imgGo
{
	width:15px;
	margin-left:5px;
	margin-top:3px;

}

div.SearchIcon
{
	display:none;
	}
div.SearchIcon img
{
	display:none;
	}

input.SearchTextBox
{
	float: left;
	z-index: 10;
	border: 0px; 
	width:120px; 
	height:18px; 
	margin-left:20px;
	font-family: Arial;
	color:#636363;
	font-size:10px;
	background:transparent;
	#margin-top:-18px;
	  }

#SearchChoices{clear: both; display: none;width:1px;}

.demo
{
	color:#000033; 
    background:#ffffff;
    position:absolute; 
    top:100px;
    width:100%;
    height:930px;
    z-index:9999;  
    visibility:hidden;
	margin:0 auto;
    }
.display
{
	width:800px;
	height:920px;
	margin:0 auto;

}
.test
{
    float:right;
}
	.test a
{
    font-size:18px;
	font-weight:500;
}