@charset "utf-8";

/* Main Container
----------------------------------------------------------------------------------------------------------------------------------*/
#container { width: 985px; height: auto; padding: 0; margin: 0 auto; }


/* Report Container
----------------------------------------------------------------------------------------------------------------------------------*/
#report_container { position: fixed; left: 0; top: 0; width: 100%; height: auto; padding: 8px 0; margin: 0; background: #FFFFE0; border-bottom: solid 1px #cccccc; opacity: 0.95; z-index: 99; }

#report_container ul { margin: 0; padding: 0; }

#report_container ul.left { float: left; margin-left: 20px; }
#report_container ul.right { float: right; margin-right: 20px; }

#report_container li { border-left: 1px solid #999;	padding: 0 7px; float: left; list-style-type: none; }

#report_container li.first { border: none; }


/* Top
----------------------------------------------------------------------------------------------------------------------------------*/
#top_container { position: fixed; left: 0; top: 0; width: 100%; height: 44px; padding: 0; margin: 0; background: url(../../../images/backgrounds/top_bg.png) center top no-repeat; ffilter: alpha(opacity=95); opacity: 0.95; z-index: 99; }

#top_inner { width: 945px; height: auto; padding: 0 20px; margin: 0 auto; }
#top_inner a { text-decoration: none; }

.top_content { white-space:nowrap; width: auto;	height: 29px; padding: 14px 15px 0 15px; background: url(../../../images/backgrounds/gradient_40x10_down_2.png) repeat-x; border-right: solid 1px #eee;	border-left: solid 1px #fff; color: #555; font-size: 11px; cursor: pointer; float: right; }
.top_content:hover { color:#222; background:url(../../../images/backgrounds/gradient_40x10_up_2.png) repeat-x #f9f9f9; }

.top_content span.lang { padding: 2px 0; border-bottom: #ccc solid 1px;	}
.top_content.infoRequest { border-bottom: solid 3px #53A1DD; height: 26px; }
.infoRequest img { position:relative; left: 0; bottom: 5px; width: 24px; height: 24px; margin: 0 0 0 0; border: none; vertical-align: top; }
.selectMarket img { width: 17px; height: 17px; margin: 0 5px 0 0; border: none; vertical-align: middle; }

.first { border-left: solid 1px #eee; }


/* Top Market Container
----------------------------------------------------------------------------------------------------------------------------------*/
#top_market_container {	position: fixed; left: 0; top: 45px; width: 100%; height: auto; padding: 0; margin: 0; z-index: 99; filter: alpha(opacity=95); opacity: 0.95; display: none; }

#top_market_outer {	width: 945px; height: 400px; margin: 0 auto; }

#top_market_inner {	width: auto; height: auto; padding: 17px 20px; line-height: 1.8em; background: #fafaec;	border: solid 1px #cccccc; float: right; } /* f5a082 orange border */
#top_market_inner a { color:#555; text-decoration: none; }
#top_market_inner a:hover { padding: 2px 0; border-bottom: #ccc solid 1px; }


/* Top Magic Nav Container ## GÖR OM CSS INNNAN ANVÄNDNING ##
----------------------------------------------------------------------------------------------------------------------------------
#top_nav_container { position: fixed; left: 0px; top: 43px; background-color: #FFFF99; border-bottom: solid 1px #FFFFFF;	padding: 8px 14px; width: 100%;	height: auto; filter: alpha(opacity=80); opacity: 0.8; z-index: 90;	visibility: hidden; }

#top_nav { color: #000000; width: 985px; height: auto; margin: 0 auto; }
#top_nav a { color: #000000; }

.top_nav_content { padding: 6px 8px; float: left; margin-left: 2px; cursor: pointer; }
.top_nav_content:hover { background: #fcfccd; }*/


/* Logo
----------------------------------------------------------------------------------------------------------------------------------*/
.logo {	float: left; padding-top: 8px; }
.logo img {	border: none; }


/* Tabs - Se även separata css-filer gällande kategorier.
----------------------------------------------------------------------------------------------------------------------------------*/
#tabs_container { width: 100%; height: auto; padding: 0; margin: 73px 0 0 0; float: left; text-align:center; }

#tabs_container_inner { width:auto; height:auto; margin-left: 12px; float:left; }

.tabs {	width: auto; min-width: 73px; height: auto; padding: 12px 16px; margin: 0 2px 0 0; font-size: 13px; text-align: center;	cursor: pointer; float: left; }
.tabs a,
.tabs a:hover,
.tabs a:active,
.tabs a:visited { color: #f9f9f9; text-decoration: none; z-index: 999; }

.tab_spinner { background:url(../../../images/icons/spinner_16x16_gray.gif) no-repeat; width:75px; height:16px; display:none; float:left; padding-left:20px; color:#f9f9f9;}


/* Tabs Content
----------------------------------------------------------------------------------------------------------------------------------*/
#tabs_content_container { width: 100%; height: auto; padding: 0; margin: 0;	float: left; }

#tabs_content_container_inner { width:auto; height:auto; margin-left: 12px; float:left; }

.tabs_content {	width: auto; height: auto; padding: 15px 8px; margin-right: 1px; margin-top:5px; margin-bottom:5px; cursor: pointer; float: left; }
.tabs_content a,
.tabs_content a:hover,
.tabs_content a:active,
.tabs_content a:visited { font-size: 13px; color: #F9F9F9; text-decoration: none; }

.tabs_content a.active { border-bottom: solid 1px #f9f9f9; padding-bottom: 2px; }

#campaigntab { color: #FF0; }


/* ip2nation redirect message
----------------------------------------------------------------------------------------------------------------------------------*/
#ip2nation_container { display:none; width: 800px; height: auto; padding: 30px; border: solid 10px #aeaed5; border:10px solid rgba(82, 82, 82, 0.698); background:#e6efff; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.ip2nation_container_inner { width:100%; height:auto; float:left; font-size:12px; }
.ip2nation_container_inner p { margin-top:10px;  }
.ip2nation_container_inner form { margin-top:20px; text-align:center;  }
.ip2nation_container_inner form input { font-size:14px; width: 100px; }

#choose_your_location_container { display:none; width: 600px; height: auto; padding: 30px 30px 60px 30px; border: solid 10px #aeaed5; border:10px solid rgba(82, 82, 82, 0.698); background:#e6efff; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.choose_your_location_container_inner { width:100%; height:auto; float:left; font-size:12px; }
.choose_your_location_container_inner p { margin-top:10px;  }
.choose_your_location_container_inner form { margin-top:20px; text-align:center;  }
.choose_your_location_container_inner form input {  }


/* Campaign Countdown
----------------------------------------------------------------------------------------------------------------------------------*/
#campaign_countdown_container { width: 963px; height: auto; padding: 10px; margin: 20px 0 -10px 0; float: left; border: solid 1px #ff9898; background:#fff2e9; cursor:pointer; }
.campaign_countdown_container_inner { width:100%; height:auto; float:left; text-align:center; font-size:16px; cursor:pointer; }


/* Future Image Navigation
----------------------------------------------------------------------------------------------------------------------------------
#image_navigation {	width: auto; height: auto; padding: 10px; margin: 5px 0 0 0; background: #ccc; color: #fff; float: left; } 
#image_navigation .sb-inner { background: #ccc; }*/


/* News Bubbles
----------------------------------------------------------------------------------------------------------------------------------*/
#newsBubble_level1 { background: url(../../../images/icons/news_bubble_bg.png); position: absolute; right: 10px; bottom: 34px; padding: 2px 3px 1px 3px; color: #fff; font-size: 10px; background-color: #a2c4e1; border: solid 1px white; }
.newsBubble_level2 { background: url(../../../images/icons/news_bubble_bg.png); position: relative; right: 0; bottom: 6px; padding: 1px 3px 1px 3px; color: #fff; font-size: 8px; background-color: #a2c4e1; border: solid 1px white; }



/* Top Message ?????
----------------------------------------------------------------------------------------------------------------------------------*/
#top_message{
	padding: 10px; 
	margin: 10px 0;
	background:url(../../../images/backgrounds/top_message_bg.gif) no-repeat;
	border: 1px solid #fff; 
}
#top_message h2{
	float: left; 
	color: #fff; 
	width: 200px; 
	overflow: hidden; 
	line-height: 2em;
}

#top_message h3{
	padding: 0; 
	margin: 0
}


/* Topic Container
----------------------------------------------------------------------------------------------------------------------------------*/
#topic_container { width: 100%; height: auto; padding: 0; margin: 10px 0 0 0; float: left; } 

#topic_left { width: auto; height: auto; padding: 0; margin: 15px 0 0 10px; font-size: 28px; float: left; bbackground: pink; }

#topic_right { width: auto; height: auto; padding: 0; margin: 12px 0 0 0; float: right; bbackground: yellow; }
#topic_right img { border:0; }

#searchbox_container { padding:5px 10px 4px 5px; margin: 11px 0 0 0; }
#searchbox_container { background: #ffffff; border: solid 1px #dddddd; -moz-border-radius: 8px; -webkit-border-radius: 8px; }


/* Breadcrumb --> Also see ie-fixes.css
----------------------------------------------------------------------------------------------------------------------------------*/
#breadcrumb { width: auto; height: auto; padding: 0; margin: 3px 0 0 12px; color: #555; font-size: 10px; text-decoration: none; float: left; clear: both; } 
#breadcrumb a { color: #555; }
#breadcrumb a:hover { text-decoration: underline; }


/* Billboard (Important Message, Campaign Board, Top Board, News Board, News Headlines) --> Also see ie-fixes.css
----------------------------------------------------------------------------------------------------------------------------------*/
#importantmessage_container { width: 985px; float: left; clear: both; }

#campaignboard_container { width: 985px; float: left; clear: both; cursor:pointer; }

#topboard_container { width: 985px; min-height: 400px; margin-top: 15px; float: left; clear: both; cursor:pointer; }

#newsboard_container { width: 985px; height: 160px; margin-top: 15px; float: left; clear: both; }
.newsboardItem { background: #f9f9f9; border: solid 1px #dddddd; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.newsboardItem:hover { background: #ffffff; }

#newsheadlines_container { width: 983px; margin-top: 15px; float: left; clear: both; }
#newsheadlines_container { background: #f9f9f9; border: solid 1px #dddddd; -moz-border-radius: 8px; -webkit-border-radius: 8px; }


/* Category Products Overview --> Also see ie-fixes.css
----------------------------------------------------------------------------------------------------------------------------------*/
#cpo_container { width: 963px; padding: 20px; padding-right:0; margin-top: 15px; float: left; background: #ffffff; border: solid 1px #dddddd; }
#cpo_container { -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.cpo_container_inner { width:100%; height:auto; float:left; line-height: 20px; color:#555555; }
.cpo_container_inner a { color:#0099cc; font-size: 12px; text-decoration:none; }
.cpo_container_inner a:hover { text-decoration:underline; }
.cpo_container_inner b { color:#555555; font-size:12px; }
.cpo_container_inner_col { width:462px; height:auto; float:left; margin-right: 19px; }
.cpo_container_inner_col.firstcol { margin-left: 0; }
.cpo_row_separator { width:100%; height:20px; float:left; clear:both; }


/* Media Manager --> Also see ie-fixes.css
----------------------------------------------------------------------------------------------------------------------------------*/
#media_manager_container { width: 983px; height: auto; padding: 0 0 7px 0; margin-top: 15px; float: left; }
#media_manager_container { background: #ffffff; border: solid 1px #dddddd; -moz-border-radius: 8px; -webkit-border-radius: 8px; }


/* Price Box --> Also see ie-fixes.css
----------------------------------------------------------------------------------------------------------------------------------*/
#pricebox_container { width: 983px; height: auto; margin-top: 15px; float: left; background: #ffffff; }
#pricebox_container { background: #ffffff; border: solid 1px #dddddd; -moz-border-radius: 8px; -webkit-border-radius: 8px; }


/* Content Container --> Also see ie-fixes.css
----------------------------------------------------------------------------------------------------------------------------------*/
#content_container { width: 983px; height: auto; mmin-height: 500px; margin: 0; margin-top: 15px; padding: 0; float: left; }
#content_container { background: #ffffff; border: solid 1px #dddddd; -moz-border-radius: 8px; -webkit-border-radius: 8px; }


/* Column Left
----------------------------------------------------------------------------------------------------------------------------------*/
#column_left { width: 160px; height: auto; padding: 20px; margin: 1px 0; float: left; display: block; }
#column_left a:link, 
#column_left a:hover, 
#column_left a:visited { color: #555; text-decoration: none; }

.column_left_content { padding: 7px 5px; cursor: pointer; }
.column_left_content:hover { background: #f5f5f5; }

.column_left_topic { padding: 10px 0 0 5px;	font-size: 18px; }


/* Main Content
----------------------------------------------------------------------------------------------------------------------------------*/
#main_content {	width: 725px; height: auto;	padding: 20px; /* border-left: solid 1px #eee; Moved to --> modules/column_left.php */ float: left; }

#flashcontent {
	bbackground:pink;
	width:977px;
	padding:4px;
	padding-bottom:0;
	margin:-20px;
	margin-bottom: 17px;
	border-bottom: solid 1px #dddddd;
}

#main_content_inner { width: 100%; height: auto; color: #555; line-height: 20px; float:left; }

#main_content_inner b,strong { color: #555; font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,Verdana,sans-serif; }
#main_content_inner hr { height: 1px; background: #eee; border: 0; }
#main_content_inner ul { padding-left: 15px; }

#main_content_inner h1 { color: #222; font-size: 26px; font-weight: normal; line-height: normal; margin: 0;	}
#main_content_inner h2 { color: #222; font-size: 30px; font-weight: normal; line-height: normal; margin: 0;	}
#main_content_inner h3 { color: #222; font-size: 18px; font-weight: normal; line-height: normal; margin: 14px 0 3px 0; }
#main_content_inner h4 { color: #222; font-size: 18px; font-weight: normal; line-height: normal; margin: 0 0 3px 0;	}
#main_content_inner h5 { color: #222; font-size: 16px; font-weight: normal; line-height: normal; margin: 14px 0 3px 0; }

.hoverimg:hover { filter: alpha(opacity=70); opacity: 0.70; }

.table-with-left-margin { margin-left:10px; }


/* Column Right
----------------------------------------------------------------------------------------------------------------------------------*/
#column_right_container { width: 180px;	height: auto; padding: 20px 20px 0 0; float:right; }

.hot_box { width: auto;	height: auto; margin: 0 0 20px 0; color: #555; font-size: 12px; line-height: 18px; }
.hot_box h1 { font-size: 14px; padding-bottom: 5px; }
.hot_box h3 { font-size: 16px; margin-top: 8px; }

.hot_box_top { width: 160px; height: auto; padding: 10px 10px; background: #f5f5f5; color: #555; float: left; }
.hot_box_top { -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; }


/* Content Box Bottom Shadow
----------------------------------------------------------------------------------------------------------------------------------*/
.box_bottom_bg { width: 100%; height: 20px; background: url(../../../images/backgrounds/main_content_bottom_bg.png) no-repeat center top; margin: 0; float: left; }


/* Foot Sitemap --> Also see ie-fixes.css
----------------------------------------------------------------------------------------------------------------------------------*/
#foot_sitemap_container { width: 983px; padding: 0 0 20px 0; margin-top: 15px; float: left; background: #ffffff; border: solid 1px #dddddd; }
#foot_sitemap_container { -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.foot_sitemap_container_inner { width:100%; height:auto; float:left; line-height: 20px; }
.foot_sitemap_container_inner a { color:#888888; font-size: 11px; text-decoration:none; }
.foot_sitemap_container_inner a:hover { color:#555555; }
.foot_sitemap_container_inner b { color:#555555; font-size:12px; }
.foot_sitemap_container_inner_col { width:148px; height:auto; float:left; margin: 0 0 0 10px; }
.foot_sitemap_container_inner_col.firstcol { margin-left: 20px; }
.foot_sitemap_container_inner_breadcrumb { width:943px; height:auto; float:left; margin: 0 0 15px 0; padding: 10px 20px; border-bottom: solid 1px #eeeeee; }
.foot_sitemap_container_inner_breadcrumb a { color:#888888; font-size: 12px; text-decoration:none; }
.foot_sitemap_container_inner_breadcrumb a:hover { color:#555555; }


/* Contact
----------------------------------------------------------------------------------------------------------------------------------*/
#contact { width: 100%;	height: 120px; padding: 30px 0 0 0; margin: 0; text-align: center; float: left; }
.contact_text { width: 900px; line-height: 20px; margin: 0 auto; }


/* Other ## CHECK IF THESE ARE USED ##
----------------------------------------------------------------------------------------------------------------------------------*/
.clearfix:after { height: 0; clear: both; content: "."; display: block; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }

/* Reference Customers
----------------------------------------------------------------------------------------------------------------------------------*/
#map { }
#map-filter-option{
	width: 100%;
	line-height: 35px;
}
.contact_text { width: 900px; line-height: 20px; margin: 0 auto; }