/*****************************************************************************
*  
*  Nordic Print - main.css
*  
*  ***************************************************************************
*  
*  (C) Respons Reklamebyrå 2008-10
*  Kode av Andreas Håkestad
*  
*****************************************************************************/

html {
	height				: 100%;
}

body {
	margin				: 0px;
	padding				: 0px;
	
	height				: 100%;
}

table {
	margin				: 0px;
	padding				: 0px;
	border				: 0px;
}

form {
	margin				: 0px;
	padding				: 0px;
}

p {
	margin				: 0px;
	padding				: 0px 0px 0px 0px;
}

h1 {
	margin				: 0px;
	padding				: 0px 0px 0px 0px;
}

h2 {
	margin				: 0px;
	padding				: 0px 0px 0px 0px;
	display				: inline;
}


/*****************************************************************************
*  
*  Page
*  
*****************************************************************************/

.pageBackground {
	background			: url(../gfx/site/bk_grad.jpg) repeat-x;
	overflow			: hidden;
	width				: 100%;
}

.pageHolder {
	width				: 1030px;
	margin				: 0 auto;
	position			: relative;
}

/*****************************************************************************
*  
*  Page top
*  
*****************************************************************************/

.pageTop {
	width				: 1030px;
	height				: 112px;
	vertical-align		: bottom;
}

.pageTopLogo {
	float				: left;
	display				: inline;
	width				: 207px;
}

.pageTopMenu {
	float				: left;
	display				: inline;
	padding-top			: 48px;
}

.pageTopRightMenu {
	float				: right;
	display				: inline;
}

/*****************************************************************************
*  
*  Page body - normal size
*  
*****************************************************************************/

.pageBody {
}

.pageContentHolder { /** parent **/
	float				: left;
	display				: inline;
	width				: 820px;
}

.pageContentTop {
	font-size			: 1px;
	line-height			: 1px;
	height				: 12px;
	overflow			: hidden;
	background			: url(../gfx/site/pg_bk_top.jpg) no-repeat;
}

.pageContent {
	margin				: 0px 9px 0px 24px;
	padding-right		: 1px;
	width				: 786px;
	overflow			: hidden;
	background			: url(../gfx/site/pg_bk_fill.jpg) repeat-y;
}

.pageContentHeightSecure {
	float				: left;
	display				: inline;
	overflow			: hidden;
	height				: 696px;
	width				: 1px;
	font-size			: 1px;
	line-height			: 1px;
}

.pageContentContainer {
	float				: left;
	overflow			: hidden;
	display				: inline;
	width				: 785px;
}


/*****************************************************************************
*  
*  Page body - wide pages
*  
*****************************************************************************/

.pageBodyWhole {
}

.pageContentHolderWhole { /** parent **/
	width				: 1020px;
}

.pageContentTopWhole {
	font-size			: 1px;
	line-height			: 1px;
	height				: 12px;
	overflow			: hidden;
	background			: url(../gfx/site/pg_bk_top_whole.jpg) no-repeat;
}

.pageContentWhole {
	margin				: 0px 9px 0px 24px;
	padding-right		: 1px;
	width				: 996px;
	overflow			: hidden;
	background			: url(../gfx/site/pg_bk_fill_whole.jpg) repeat-y;
}

.pageContentHeightSecureWhole {
	float				: left;
	display				: inline;
	overflow			: hidden;
	height				: 696px;
	width				: 1px;
	font-size			: 1px;
	line-height			: 1px;
}

.pageContentContainerWhole {
	float				: left;
	overflow			: hidden;
	display				: inline;
	width				: 994px;
}

/*****************************************************************************
*  
*  Page right section
*  
*****************************************************************************/

.pageContentBottom {
	font-size			: 1px;
	line-height			: 1px;
	overflow			: hidden;
	background			: url(../gfx/site/pg_bk_bottom.jpg) no-repeat;
	
	padding-left		: 16px;
}

.pageContentBottomWhole {
	font-size			: 1px;
	line-height			: 1px;
	overflow			: hidden;
	background			: url(../gfx/site/pg_bk_bottom_whole.jpg) no-repeat;
	
	padding-left		: 16px;
}

.pageContentBottomNewsletter {
	display				: inline;
	float				: left;
	margin-left			: 22px;
	padding-top			: 7px;
}

.pageContentBottomNewsletterHeading {
	font-family			: Arial;
	font-size			: 14px;
	line-height			: 14px;
	color				: #ffffff;

	padding				: 0px;
	margin				: 0px;
	padding-top			: 7px;
	padding-bottom		: 3px;
}

.pageContentBottomNewsletterTextBox {
	font-family			: Arial;
	font-size			: 10px;
	line-height			: 10px;
	color				: #666666;
	width				: 120px;
	
	border				: 0px;
	margin				: 0px 5px 0px 0px;
	padding				: 4px 4px 3px 4px;
}

.pageContentBottomText {
	font-family			: Arial;
	font-size			: 12px;
	line-height			: 12px;
	font-weight			: bold;
	color				: #ffffff;
	display				: inline;
	float				: right;
	padding-top			: 24px;
	padding-right		: 24px;
}

/** the very bottom **/
.pageContentBottomEnding {
	clear				: both;
	padding-top			: 23px;
	padding-left		: 22px;
}

.pageContentBottomTip {
	display				: inline;
	float				: left;
	
	margin				: 0px;
	padding				: 0px;
	padding-top			: 6px;
	margin-left			: 22px;
	margin-right		: 24px;
	font-family			: Arial;
	font-size			: 12px;
	line-height			: 12px;
	color				: #444444;
}

.pageContentBottomImg {
	display				: inline;
	float				: left;
	border				: 0px;
	margin-left			: 0px;
}

.pageContentBottomProdInfo {
	display				: inline;
	float				: left;
	
	margin				: 0px;
	padding				: 0px;
	padding-top			: 12px;
	margin-left			: 183px;
	font-family			: Arial;
	font-size			: 12px;
	line-height			: 12px;
	color				: #444444;
}


/*****************************************************************************
*  
*  Page right section
*  
*****************************************************************************/

.pageRightContent { /** parent **/
	float				: left;
	display				: inline;
	width				: 200px;
}


/*****************************************************************************
*  
*  Content holders
*  
*****************************************************************************/

.docContentHolder {
	position			: relative;
	margin				: 0px 0px 0px 30px;
}

.docContent {
	position			: absolute;
}


/*****************************************************************************
*  
*  Menu
*  
*****************************************************************************/

ul.menuStyle1 {
	float				: left;
	display				: inline;
	margin				: 0px;
	padding				: 0px;
	list-style-type		: none;
	height				: 36px;
}

ul.menuStyle2_noIndicators {
	float				: left;
	display				: inline;
	margin				: 0px;
	padding				: 0px;
	list-style-type		: none;
	height				: 30px;
}

li.menuStyle1 {
	float				: left;
	display				: inline;
	margin				: 0px;
	padding				: 0px 0px 0px 0px;
	
	position			: relative;
}

div.menuStyleContent1 {
	float				: left;
	display				: inline;
	border-right		: 1px solid #ffffff;
	padding				: 4px 10px 4px 10px;
	font-family			: Arial;
	font-size			: 14px;
	font-weight			: bold;
}

div.menuStyleContent4 {
	float				: left;
	display				: inline;
	border-right		: 1px solid #ffffff;
	padding				: 0px 0px 0px 0px;
	font-family			: Arial;
	font-size			: 14px;
	font-weight			: bold;
}


div.menuStyleContent2 {
	float				: left;
	display				: inline;
	border-right		: 1px solid #ffffff;
	padding				: 4px 10px 4px 10px;
	
	font-family			: Arial;
	font-size			: 12px;
	line-height			: 16px;
	color				: #ffffff;
	cursor				: pointer;
	font-weight			: bold;
}

div.menuStyleContent3 {
	float				: left;
	display				: inline;
	border-right		: 1px solid #ffffff;
	padding				: 4px 0px 4px 0px;
	
	text-align			: center;
	font-family			: Arial;
	font-size			: 12px;
	line-height			: 16px;
	color				: #ffffff;
	cursor				: pointer;
	font-weight			: bold;
}

li.menuStyle1Selected {
	float				: left;
	display				: inline;
	margin				: 0px;
	padding				: 0px 0px 0px 0px;
	height				: 36px;
	background			: url(../gfx/site/menu_arrow.gif) no-repeat top center;
	
	position			: relative;
}


/*****************************************************************************
*  
*  Submenu
*  
*****************************************************************************/

ul.subMenuStyle1 {
	margin				: 0px;
	padding				: 0px;
	list-style-type		: none;
}

div.subMenuItem1 {
	padding-left		: 10px;
	margin-right		: 10px;
}

div.subMenuItem2 {
	padding-left		: 13px;
	margin-right		: 10px;
}

div.subMenuItemArrow1 {
	padding-left		: 10px;
	margin-right		: 10px;
	background			: url(../gfx/site/horz_arrow.gif) no-repeat center right;
}

li.subMenuStyle1 {
	margin				: 0px;
	position			: relative;

	padding				: 1px 0px 3px 0px;
}

li.subMenuStyle1:hover {
	margin				: 0px;
	position			: relative;

	padding				: 1px 0px 3px 0px;

	background			: #54c3ec;
}

div.subMenuBox1 {
	position			: absolute;
	top					: 24px;
	left				: 0px;
	padding-top			: 1px;
	z-index				: 4100;
	display				: none;
}

div.subMenuBoxContent1 {
	background			: #01a5e3;
	width				: 150px;
	padding				: 5px 0px 5px 0px;
	
	font-family			: Arial;
	line-height			: 17px;
	font-size			: 12px;
}


/*****************************************************************************
*  
*  Sub submenu
*  
*****************************************************************************/

div.subSubMenuBox1 {
	position			: absolute;
	top					: 0px;
	left				: 150px;
	padding-top			: 0px;
	display				: none;
	z-index				: 4100;
	border-left			: 1px solid #ffffff;
}

div.subSubMenuBoxContent1 {
	background			: #01a5e3;
	width				: 150px;
	padding				: 0px 0px 0px 0px;
	
	font-family			: Arial;
	font-size			: 12px;
}


a.menuStyleLink1:link {
	color				: #ffffff;
	text-decoration		: none;
}

a.menuStyleLink1:visited {
	color				: #ffffff;
	text-decoration		: none;
}

a.menuStyleLink1:hover {
	color				: #ffffff;
	text-decoration		: none;
}

a.menuStyleLink1:active {
	color				: #ffffff;
	text-decoration		: none;
}