/*	
	NOTE:
	This CSS-file contains styles that are fundamental to the page structure of the site,
	any copies of it should remain identical. Do not use this file to customize the site
	appearance, use CUSTOM.CSS instead.
*/

@import url(custom.css);	/* imports client-customized styles */

html, body
{
	text-align: center;	/* contents are centered by default, if any other alignment is needed then change the "float" value of "pageContainer" in the CUSTOM.CSS file */
	margin: 0px;
	padding: 0px;
}

body.iframe
{
	background-color: transparent !important;
}

iframe
{
	position: relative;
	z-index: 0;
}

html, td, th
{
	font-size: 1em;
}

iframe.hiddenObject
{
	display: none !important;
}

div.box input
{
	font-size: 0.8em;
}

div#pageContent table td
{
	font-size: 0.9em;
}

td
{
	vertical-align: top;
}

h1, h2, h3, h4, h5, h6
{
	margin-top: 0px;
}

h2#pageTitle
{
	letter-spacing: -1px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	float: left;
}

h2#pageTitle a
{
	text-decoration: none;
}

p
{
	margin-top: 0px;
	padding-top: 0px;
	position: relative;
}

img
{
	border: 0px;
}

div
{
	
}

div#pageContainer
{
	position: relative;
	padding: 12px 0px 25px 0px;
	margin: 0px 6px 0px 6px;
	text-align: left;
	height: auto;
	min-width: 580px;	/* Only works in Firefox, forces the page width to not go smaller than 580 pixels. This prevents it from becoming too compact to be presented as it was intended */
}

div#pageContainerInner
{
	position: relative;
	height: auto;
	width: 100%;
}

/* Contains the logotype, and in some cases the menu and any boxes below it */
div#pageTop
{
	float: left;
	position: relative;
	width: 100%;
}

/* Contains the menu (in most cases), and all content boxes */
td#pageMiddle															/* HÄÄÄR */
{
	float: left;
	top: 0px;
	position: relative;
	
	z-index: 5;
}

div#pageMenu
{
	z-index: 10 !important;
	float: left;
	width: 200px;
	margin: 0px;
	text-align: left;
	position: relative;

	/*background-color: #CEE2F5;*/		/* remove comments if testing is needed */
}

div#pageContent
{
	position: relative;
	z-index: 4;
	min-height: 300px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	height: 100%;

	/*background-color: #EFEFEF;*/		/* remove comments if testing is needed */
}

/*
	These classes are used to push the content container into the proper place and size depending on which layout that has been chosen
	(If the layout has a menu to the left, then "pageContentLeft" will be chosen, otherwise "pageContentRight" will be chosen. If
	the layout doesn't have a menu on either sides then "pageContentLeft" will be chosen)
	------------------------
*/
div.pageContentLeft
{
	margin: 0px 0px 0px 200px;
}

div.pageContentRight
{
	margin: 0px 200px 0px 0px;
}
/*	------------------------ */

#bigBoxes
{
	width: auto;
	text-align: left;
}

/*
	These classes are used to push the middle column into the proper place and size depending on which columns exist at each side of it
	------------------------
*/
.bigBoxesLeftMargin
{
	margin-left: 200px;
}

.bigBoxesRightMargin
{
	margin-right: 200px;
}

.bigBoxesBothMargins
{
	margin-left: 200px;
	margin-right: 200px;
}
/*	------------------------ */

#smallboxesLeft
{
	float: left;
	width: 200px;
	margin: 0px;
	text-align: left;
}

#smallboxesRight
{
	position: absolute;
	top: 0%;
	right: 0px;
	width: 200px;
	text-align: left;
	z-index: 50;
}

div.boxHeader
{
	background-color: #CCCCCC;
	width: 100%;
}

div#pageContent div.box
{
	width: 100%;
	/*height: auto;*/
	position: relative;
}

div#pageContent div.box div.paddingNormal div
{
	/*height: auto !important;*/
}


div#pageFooter
{
	width: 100%;
	float: left;
	position: relative;
	height: auto;
	font-size: 0.9em;
}

span#pageFooter_left
{
	text-align: left;
	float: left;
}

span#pageFooter_right
{
	text-align: right;
	float: right;
}

div#pageTop div.paddingNormal,
div#smallboxesMenu div.box div.paddingNormal,
div#pageContent div.box div.paddingNormal,
div#pageFooter div.paddingNormal
{
	padding: 4px 6px 6px 7px;
}

ul.menu
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	
	z-index: 20;
}

ul.menu li
{
	margin: 0px;
}

ul.menu a
{
	display: block;
}

ul.menu li a:hover
{
	/*background-color: #999999;*/		/* remove comments if testing is needed */
}

ul.submenu
{
	position: absolute;
	top: auto;
	z-index: 50;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	list-style: none;
	
	visibility: hidden;
	
	width: 160px;
	background-color: #EEEEEE;

	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

ul.submenu li a
{
	position: relative;
	width: auto 100%;
	display: block;
	padding: 3px 15px 3px 6px;
}

/*
	These signify a branching menu item with an arrow icon, the arrow goes left or right depending on which layout css is used
	(rightcol_menu.css is currently the only one which uses right-arrows)
*/
a.submenu_item
{
	background-repeat: no-repeat;
}

a.nonsubmenu_item
{
	/* color: black; */
}

/* Menuitem body */
div.linkbody
{
	background-repeat: repeat-x;
	background-position: bottom left
}

/* Menuitem left edge */
div.linkleft
{
	background-repeat: no-repeat;
	background-position: bottom left
}

/* Menuitem right edge */
div.linkright
{
	background-repeat: no-repeat;
	background-position: bottom right;
}


/*
	Prepares use of rounded corners in boxes. To make them visible, specify a background-image
	for each of these classes in CUSTOM.CSS
	-------------------------------------
*/
div.boxCorner_topLeft
{
	background-repeat: no-repeat;
	background-position: top left;
	width: auto;
	height: 100%;
	position: relative;
}

div.boxCorner_topRight
{
	background-repeat: no-repeat;
	background-position: top right;
	width: auto;
	height: 100%;
	position: relative;
}

div.boxCorner_bottomLeft
{
	background-repeat: no-repeat;
	background-position: bottom left;
	width: auto;
	height: 100%;
	position: relative;
}

div.boxCorner_bottomRight
{
	background-repeat: no-repeat;
	background-position: bottom right;
	width: auto;
	height: 100%;
	position: relative;
}
/* ------------------------------------- */


td.extras_gallery_pic img
{
	display: block;
}

/*
	Selectable classes from WYSIWYG when the user creates a DIV
*/

div.premade_Quote
{
	border-left: 5px solid #CCCCCC !important;
	padding: 12px;
	margin-left: 14px;
	margin-right: 14px;
	background-color: #EEEEEE;
	color: #000000;
}