﻿/*
-------------------------------------------------------------------
GRUNDSTUKTUR
-------------------------------------------------------------------
*/

div#Container
{
	margin:0 auto;
	width: 903px;
	height: 100%;
	position: relative;
	background-color:#ffffff;
	padding:0 0 0 0;
}

div#ContainerTop
{
	padding:0;
	background-image:url('../images/container_top_bg.gif');
	background-repeat:no-repeat;
	height:184px;
	overflow:hidden;
	margin:0 0 0 0;
	position: relative;
}

div#ContainerTop #ContainerTopLogotype
{
	position:absolute;
	left:82px;
	top:27px;
	padding:0;
	font-size:0;
	z-index:100;
}

div#ContainerTop #ContainerTopSearch
{
	position:absolute;
	top:54px;
	left:490px;
}

div#ContainerTop #ContainerTopSearch input.textbox
{
	background-image:url('../images/container_top_search_input_bg.gif');
	background-repeat:no-repeat;
	padding: 6px 5px 0 25px;
	width:126px;
	height:22px;
	border:0;
	color:#898989;
	font-size:13px;
}

div#ContainerTop #ContainerTopExtraNavigation
{
	position:absolute;
	top:15px;
	/*left:490px;*/
	right:48px;
}

div#ContainerTop #ContainerTopExtraNavigation li.sep
{
	background-image:url('../images/container_top_extra_nav_sep.gif');
	background-repeat:no-repeat;
	background-position:0 2px;
	width:30px;
	height:13px;
}

div#ContainerTop #ContainerTopExtraNavigation li.alt-1 a
{
	color:#898989;
}

div#ContainerTop #ContainerTopExtraNavigation li.alt-2 a
{
	color:#898989;
}

div#ContainerTop #ContainerTopMainNavigation
{
	position:absolute;
	top:108px;
	left:39px;
}

div#ContainerTop #ContainerTopMainNavigation ul li
{
	padding:0 0 0 16px;
	height:42px;
	float:left;
}

div#ContainerTop #ContainerTopMainNavigation ul li.selected
{
	background-image:url(../images/menu_tab_left.gif);	
	background-repeat:no-repeat;
	background-position:left top;
	padding:0 0 0 32px;
	height:42px;
}

div#ContainerTop #ContainerTopMainNavigation ul li div
{
	padding:12px 0 0 0;
	height:42px;
	display:block;
	float:left;
}

div#ContainerTop #ContainerTopMainNavigation ul li.selected div
{
	background-image:url(../images/menu_tab_right.gif);	
	background-repeat:no-repeat;
	background-position:right top;
	padding:12px 22px 0 0;
	height:42px;
}

div#ContainerTop #ContainerTopMainNavigation ul li div span
{
	display:block;
	font-size:16px;
}

div#ContainerTop #ContainerTopMainNavigation ul li div span a
{
	color:#898989;
	padding:0;
	display:block;
	font-size:19px;
	letter-spacing: 1px;
}

div#ContainerTop #ContainerTopMainNavigation ul li div span a:hover
{
	color:#ff6418;
	text-decoration:none;
}

.sIFR-active div#ContainerTop #ContainerTopMainNavigation ul li div span a,
.sIFR-active div#ContainerTop #ContainerTopMainNavigation ul li.selected div span a
{
	font-size:19px;
	color:#ffffff;
}

div#ContainerTop #ContainerTopMainNavigation ul li.selected div span a
{
	padding:0;
	display:block;
	color:#ff6418;
}

#ContainerTopSubNavigation
{
	position:absolute;
	top:160px;
	left:39px;
}

#ContainerTopSubNavigation ul li
{
	padding: 0 0 0 0;
}

#ContainerTopSubNavigation ul li.sep 
{
	background-image:url(../images/menu_sub_sep.gif);
	background-repeat:no-repeat;
	background-position:right top;
	padding-right:37px;
}

#ContainerTopSubNavigation ul li span a 
{
	color:#898989;
	font-size:12px;
}

#ContainerTopSubNavigation ul li span a:hover
{
	color:#ff6418;
	text-decoration:none;
}

#ContainerTopSubNavigation ul li.selected span a
{
	color:#ff6418;
	font-weight:bold;
}

div#ContainerContentTop
{
	
}

div#ContainerContentTop .left
{
	color:#313131;
	font-size:10px;
	padding:20px 0 14px 25px;
	background-image:url(../images/container_breadcrumb_bg.gif);
	background-repeat:no-repeat;
	float:left;
}

div#ContainerContentTop .right
{
	background-image:url(../images/container_breadcrumb_bg_end.gif);
	background-repeat:no-repeat;
	display:inline-block;
	width:40px;
	float:left;
	height:4px;
}


div#ContainerContentTop a
{
	color:#636363;
	text-decoration:underline;
}

div#ContainerContentTop a:hover
{
	color:#ff5900;
}

div#ContainerContent
{
	padding:0;
	min-height:300px;
	
}

div#ContainerContentLeft
{
	margin: 0;
	padding: 0 0 0 23px;
	float: left;
	width: 179px;
}

div#ContainerContentLeft #LeftMenuArea
{
	width: 179px;
	background-image:url(../images/container_left_header_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:17px 0 0 0;
	margin:6px 0 0 0;
}

div#ContainerContentLeft #LeftMenuArea ul
{
	margin:0 0 0 8px;
}

div#ContainerContentLeft #LeftMenuArea ul li
{
	
}

div#ContainerContentLeft #LeftMenuArea ul li.root
{
	background-image:url(../images/container_left_sep.gif);
	background-repeat:no-repeat;
}

div#ContainerContentLeft #LeftMenuArea ul li div.root
{
	background-image:url(../images/container_left_sep.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:5px 0 5px 3px;
}

div#ContainerContentLeft #LeftMenuArea ul li div span
{
	padding:5px 0 3px 3px;
	display:block;
	color:#000000;
	font-size:12px;
	font-weight:bold;
}

div#ContainerContentLeft #LeftMenuArea ul li div span.root
{
	padding:5px 0 5px 0;
}

div#ContainerContentLeft #LeftMenuArea ul li div a
{
	padding:5px 0 5px 3px;
	display:block;
	color:#707070;
	font-size:12px;
}

div#ContainerContentLeft #LeftMenuArea ul li div.root a.root
{
	color:#000000;
	padding:5px 0 5px 0;
}

div#ContainerContentLeft #LeftMenuArea ul li div.root a:hover.root,
div#ContainerContentLeft #LeftMenuArea ul li a:hover
{
	color:#ff6418;
}


/*
div#ContainerContentLeft #LeftMenuArea ul li span
{
	color:#000000;
	font-size:12px;
	padding:5px 0 5px 7px;
	display:block;
}


div#ContainerContentLeft #LeftMenuArea ul li div.selected
{
	color:#000000;
	font-size:12px;
	background-image:url(../images/container_left_sep.gif);
	background-repeat:no-repeat;
	padding:5px 0 5px 7px;
}

div#ContainerContentLeft #LeftMenuArea ul li a
{
	color:#707070;
	font-size:12px;
	padding:5px 0 5px 7px;
	display:block;
}

div#ContainerContentLeft #LeftMenuArea ul li a:hover
{
	color:#ff6418;
}

div#ContainerContentLeft #LeftMenuArea ul li div.active a
{
	color:#000000;
	font-size:12px;
	display:block;
}

div#ContainerContentLeft #LeftMenuArea ul li div.active ul li a
{
	color:#707070;
	font-size:12px;
	padding:5px 0 5px 7px;
	display:block;
}

div#ContainerContentLeft #LeftMenuArea ul li div.selected a
{
	color:#000000;
	font-size:12px;
	padding:0;
	display:block;
}

div#ContainerContentLeft #LeftMenuArea ul li div.selected a:hover
{
	color:#000000;
}
*/
div#ContainerContentLeft #LeftMenuArea .bottom
{
	background-image:url(../images/container_left_bottom_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:14px;
}


div#ContainerContentRight
{
	margin:0;
	padding: 0 21px 0 0;
	float: right;
	width: 637px;
	text-align:left;
}

div#ContainerContentRightContent
{
	margin:0;
	padding: 0 13px 0 0;
	float: left;
	width: 432px;
	text-align:left;
}

div#ContainerContentWide
{
	margin:0;
	padding: 0 13px 0 20px;
	float: left;
	width: 865px;
	text-align:left;
	margin-bottom: 20px;
}

div#ContainerContentWideLeft
{
	margin:0;
	padding: 0 13px 0 20px;
	float: left;
	width: 632px;
	text-align:left;
	margin-bottom: 20px;
}

div#CampaignFlashHolderWrapper 
{
	margin: 29px 0 41px 13px;
}
div#ContainerContentWide a.special 
{
	color: #ff6418;
}

div#ContainerContentRightContent .main-body
{
	width: 420px;
	margin-bottom:10px;
}

div#ContainerContentRightContent .below-main-body
{
	margin-bottom:30px;
}

div#ContainerContentRightContent .main-body a
{
	color:#707070;
	text-decoration:underline;
}

div#ContainerContentRightContent .main-body a:hover
{
	color:#ff5900;
}

div#ContainerContentRightSide
{
	margin:0;
	padding: 0 0 0 0;
	float: left;
	width: 186px;
	text-align:right;
}

div#ContactForm label, div#ContactUForm label, div#PasswordForm label
{
	display:block;
	font-weight:normal;
	margin:5px 0 0 0;
	font-size:11px;
}

div#ContactForm input.textbox
{
	width:260px
}

div#ContactForm textarea.textbox
{
	width:260px
}

div#ContactForm div.button
{
	margin:5px 0 0 0;
}

div#ContactForm .close
{
	float:right;
}

div#ContactForm label.headline
{
	margin:0 0 10px 0;
	color:#ff6418;
	font-size:14px;
	padding: 0;
	font-weight:bold;
}

div#ContactForm label.error-headline
{
	margin:0 0 10px 0;
	color:#ff0000;
	font-size:12px;
	padding: 0;
	font-weight:bold;
}

div#FooterTools ul li
{
	background-image:url(../images/footer_tools_item_bg.gif);
	background-repeat:no-repeat;
	width:206px;
	min-height:37px;
	padding-left: 20px;
	padding-top:18px;
}

div#FooterTools ul li.last
{
	background-image:url(../images/footer_tools_item_last_bg.gif);
	padding-left: 19px;
}


div#FooterTools ul li a
{
	font-size:13px;
	background-repeat:no-repeat;
	background-position: 0 0;
	padding-left:42px;
	padding-top:4px;
	height:28px;
	display:block;
}

div#FooterTools ul li a.print
{
	background-image:url(../images/footer_tools_icon_print.gif);
	padding-left:42px;
	height:29px;
}

div#FooterTools ul li a.tip-a-friend
{
	background-image:url(../images/footer_tools_icon_tip_a_friend.gif);
	padding-left:42px;
	height:27px;
}

div#FooterTools ul li a.opinion
{
	background-image:url(../images/footer_tools_icon_opinion.gif);
	padding-left:22px;
	height:27px;
}

div#FooterTools ul li a.newsletter
{
	background-image:url(../images/footer_tools_icon_newsletter.gif);
	padding-left:32px;
	height:27px;
}


div#FooterToolsTipAFriendForm label
{
	display:block;
	font-weight:normal;
	margin:5px 0 0 0;
	font-size:11px;
}

div#FooterToolsTipAFriendForm input.textbox
{
	width:260px
}

div#FooterToolsTipAFriendForm textarea.textbox
{
	width:260px
}

div#FooterToolsTipAFriendForm div.button
{
	margin:5px 0 0 0;
}

div#FooterToolsTipAFriendForm .close
{
	float:right;
}

div#FooterToolsTipAFriendForm label.headline
{
	margin:0 0 10px 0;
	margin:0 0 10px 0;
	color:#ff6418;
	font-size:14px;
	padding: 0;
	font-weight:bold;
}

div#FooterToolsTipAFriendForm label.error-headline
{
	margin:0 0 10px 0;
	margin:0 0 10px 0;
	color:#ff0000;
	font-size:12px;
	padding: 0;
	font-weight:bold;
}

div#ContainerFooterTop
{
	background-image:url(../images/container_footer_bg.gif);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#dcdcdc;
	min-height:100px;
	margin:0 0 0 0;
}

div#ContainerFooterTop a
{
	background-image:url(../images/arrow_type_5.gif);
	background-position:0 4px;
	background-repeat:no-repeat;
	padding:0 0 0 11px;
	color:#595959;
}

div#ContainerFooterTop a:hover
{
	background-image:url(../images/arrow_type_5_hover.gif);
}

div#ContainerFooterTop h2
{
	color:#6c6b6b;
	font-size:13px;
}

div#ContainerFooterTop .consumer
{
	width:196px;
	margin:12px 0 12px 0;
	padding: 5px 34px 0 16px;
	background-image:url(../images/container_footer_section_type_1_bg.gif);
	background-position:right top;
	background-repeat:repeat-y;
	color:#595959;
	float:left;
}

div#ContainerFooterTop .business
{
	width:190px;
	margin:12px 0 12px 0;
	padding: 5px 36px 0 0;
	color:#9f9e9e;
	background-image:url(../images/container_footer_section_type_1_bg.gif);
	background-position:right top;
	background-repeat:repeat-y;
	float:left;
}

div#ContainerFooterTop .business h2
{
	color:#9f9e9e;
}

div#ContainerFooterTop .business a
{
	color:#9f9e9e;
}

div#ContainerFooterTop .business a:hover
{
	color:#595959;
}

div#ContainerFooterTop .about
{
	width:205px;
	margin:12px 0 12px 0;
	padding: 5px 16px 0 0;
	background-image:url(../images/container_footer_section_type_2_bg.gif);
	background-position:right top;
	background-repeat:repeat-y;
	color:#595959;
	float:left;
}

div#ContainerFooterTop .information
{
	width:191px;
	margin:12px 0 0 0;
	padding: 0 15px 17px 0;
	float:right;
	color:#595959;
	background-image:url(../images/container_footer_service_person.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}

div#ContainerFooterTop .information .bubble
{
	width: 197px; 
	position:relative;
	display:block;
}

div#ContainerFooterTop .information .bubble .content
{
	background: url(../images/footer-bubble-top.gif) no-repeat;
}

div#ContainerFooterTop .information .bubble .content a
{
	background-image:none;
	color:#898989;
}

div#ContainerFooterTop .information .bubble .content a:hover
{
	color:#ff6418;
}

div#ContainerFooterTop .information .bubble .bottom
{
	background: url(../images/footer-bubble-bottom.png) no-repeat;
	height:21px;
}

div#ContainerFooterTop .information .links
{
	min-height:55px;
}

div#ContainerFooterBottom
{
	color:#b5b5b5;
	margin:10px 0 0 0;
	padding:0 5px 20px 5px;
	font-size:10px;
}

div#ContainerFooterBottom a
{
	color:#818181;
}

/*
-------------------------------------------------------------------
BOXAR - Diverse boxar som används globalt på sajten
-------------------------------------------------------------------
*/

.box-type-1
{
	background-color:#ff6418;
	background-image:url(../images/box_type_1_bottom_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:209px;
	margin:0 0 20px 4px;
}

.box-type-1 .content
{
	background-image:url(../images/box_type_1_top_bg.gif);
	background-repeat:no-repeat;
	background-position:top;
	
	padding:13px 13px 13px 13px;
	text-align:left;
}

.box-type-1-short
{
	width:182px;
	background-image:url(../images/box_type_1_bottom_short_bg.gif);
}

.box-type-1-short .content
{
	background-image:url(../images/box_type_1_top_short_bg.gif);
}



.box-type-1 h2
{
	color:#ffffff;
	font-size:20px;
}
.box-type-1 a
{
	display:block;
	color:#ffffff;
	margin:0 0 5px 0;
	background-repeat:no-repeat;
	background-position: 0 5px;
	padding:0 0 0 11px;
}

.box-type-1 a:hover
{
	color:#000000;
}

.box-type-1 ul li a,
.box-type-1 p.arrow-type-4 a
{
	background-image:url('../images/arrow_type_1.gif');
	
	text-decoration:underline;
}

.box-type-1 ul li a:hover,
.box-type-1 p.arrow-type-4 a:hover
{
	color:#000000;
	background-image:url('../images/arrow_type_1_hover.gif');
}


.box-type-2
{
	background-image:url(../images/box_type_2_bottom_bg.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	width:209px;
	padding:0 0 9px 0;
	margin:-2px 0 0 0;
	text-align:left;
	margin:0 0 20px 0;
}

.box-type-2 .content
{
	background-image:url(../images/box_type_2_top_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:15px 15px 5px 15px;
	width:189px;
}

.box-type-2 h2
{
	color:#1b1b1b;
	font-size:20px;
}

.box-type-3
{
	width:189px;
	padding:0 0 11px 0;
	margin:-2px 0 20px 0;
	text-align:left;
}

.box-type-3 .content
{
	padding:0 15px 0 15px;
	width:159px;
}

.box-type-3 h2
{
	color:#1b1b1b;
	font-size:20px;
	margin:0 0 0 0;
}

.box-type-3 a:hover
{
	background-image:url('../images/arrow_type_2_hover.gif');
}

.box-type-4
{
	background-image:url(../images/box_type_4_bottom_bg.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	width:189px;
	padding:0 0 5px 0;
	margin:-2px 0 20px 0;
	text-align:left;
}

.box-type-4 .content
{
	background-image:url(../images/box_type_4_top_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:15px 15px 0 15px;
	width:159px;
}

.box-type-4 h2
{
	color:#1b1b1b;
	font-size:20px;
	margin:0 0 0 0;
}

.box-type-5
{
	width:182px;
	background-image:url(../images/box_type_1_bottom_short_bg.gif);
	background-color:#ff6418;
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0 0 20px 4px;
}

.box-type-5 .content
{
	background-image:url(../images/box_type_1_top_short_bg.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding:13px;
	text-align:left;
}

.box-type-5 h2
{
	color:#ffffff;
	font-size:20px;
}
.box-type-5 a
{
	display:block;
	color:#ffffff;
	margin:0 0 10px 0;
	background-repeat:no-repeat;
	background-position: 0 5px;
	padding:0 0 0 0;
	text-decoration:underline;
}

.box-type-5 a:hover
{
	color:#000000;
}

.box-type-5 ul li a,
.box-type-5 p.arrow-type-4 a
{
	background-image:url('../images/arrow_type_1.gif');
	padding:0 0 0 11px;
	text-decoration:underline;
}

.box-type-5 ul li a:hover,
.box-type-5 p.arrow-type-4 a:hover
{
	color:#000000;
	background-image:url('../images/arrow_type_1_hover.gif');
}


.box-type-6
{
	background-image:url(../images/box_type_6_bottom_bg.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	width:190px;
	padding:0 0 9px 0;
	margin:-2px 0 0 0;
	text-align:left;
	margin:0 0 20px 0;
}

.box-type-6 .content
{
	background-image:url(../images/box_type_6_top_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:15px 15px 5px 15px;
	width:155px;
	color: #fff;
}

.box-type-6 h2
{
	color:#fff;
	font-size:17px;
}


.box-type-7
{
	background-image:url(../images/box_type_7_bottom_bg.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	
	padding:0 0 9px 0;
	margin:-2px 0 0 0;
	text-align:left;
	margin:0 0 20px 0;
}

.box-type-7 .content
{
	background-image:url(../images/box_type_7_top_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:15px 15px 5px 15px;
	
	color: #000;
}

.box-type-7 h2
{
	color:#000;
	font-size:18px;
}
/*
-------------------------------------------------------------------
STANDARD PAGE
-------------------------------------------------------------------
*/

.main-body ul
{
	margin: 0 0 11px 0;
	padding:0 0 0 22px;
	list-style-image:url(../images/global_bullet.gif);
}

.main-body ol
{
	margin: 0 0 11px 0;
	padding:0 0 0 28px;
}

.main-body ul li
{
	list-style-image:url(../images/global_bullet.gif);
}

.main-body ul a
{
	color:#313131;
	text-decoration:none;
}

.main-body ul a:hover
{
	color:#707070;
	text-decoration:underline;
}

.main-body table.data-table
{
	padding:0;
	margin:0 0 11px 0;
	border:2px solid #e3e4dd;
	border-spacing:0;
}

.main-body table.data-table tbody th
{
	background-color:#e3e4dd;
	color:#535353;
	text-align:left;
	padding:10px 12px 10px 12px;
	margin:0;
	border-spacing:0;
	border:0;
}

.main-body table.data-table tbody th.zebraDarkTh
{
	background-color:#dbdcd5;
}

.main-body table.data-table tbody td
{
	background-color:#ffffff;
	color:#535353;
	text-align:left;
	padding:10px 12px 10px 12px;
	margin:0;
	border-spacing:0;
	border:0;
}

.main-body table.data-table tbody td.zebra
{
	background-color:#f6f6f6;
}

.main-body table.data-table tbody td.zebraGray
{
	background-color:#ededed;
}

.main-body table.data-table tbody td.zLight
{
	background-color:#f6f6f6;
}


/*
-------------------------------------------------------------------
XFORMS
-------------------------------------------------------------------
*/

#ContainerContentRightContent table fieldset
{
	border:0;
	margin:0;
	padding:0;
}

#ContainerContentRightContent table legend
{
	display:none;
}

#ContainerContentRightContent table label
{
	display:block;
	font-weight:normal;
}

#ContainerContentRightContent table fieldset label
{
	display:inline;
	font-weight:normal;
}

#ContainerContentRightContent table label.checkbox
{
	padding-left:5px;
}

#ContainerContentRightContent table label.radio
{
	padding-left:5px;
}

#ContainerContentRightContent table  td
{
	padding-bottom:5px;
}

#ContainerContentRightContent table  td a.submit-button
{
	color:#ffffff;
	text-decoration:none;
}

#ContainerContentRightContent table  td a:hover.submit-button-hover
{
	color:#ffffff;
	text-decoration:none;
}

.xformvalidator
{
	color:#ff0000;
}

input.xform-error,
input.error
{
	border-color:#ff0000;
}

.error-summery
{
	padding-top:5px;
}

.error-summery ul li
{
	padding:0 20px 0 0;
}