/* Init stuff */

html {
  height:100%;
}

body {
  height:100%;
  font-size:62.5%;
  line-height:1.8em;
  font-family:Arial, Verdana, Helvetica;
  color:#666666;
  background:#807e7e;
}

.clear {
  overflow:hidden;
  visibility:hidden;
  clear:both;
  height:0px;
  margin:0;
  font-size: 1px;
  line-height: 0;
}

/* #startbox are used for start template, #subbox1 and 2 are used for the 3-column design in the subpagetemplate. these boxes contains #left_cont,
   #main_cont and #right_cont, which places the sub-menu and content on the page. The graphic is set on different parts here depending on how the
   design looks. */

#subbox1{
  background:transparent url(../images/sub_left_border1.jpg) no-repeat;
  width:100%;
  min-height:780px;
  position:relative;
}

#subbox2{
  float:left;
  width:778px;
}

#subbox3{
  width:778px;
  float:left;
  overflow:hidden;
}

#startbox{
  min-height: 580px; /*780px;*/
  margin-left:30px;
  position:relative;
  background:#f4efe8 url(../images/mainpage_content_fading.png) repeat-x scroll 0 0;
}

#bot_cont_startbox{
  width:100%;
  display:block;
  float:left;
  position:relative;
}

#subbox1 #left_cont{
  width:227px;
  float:left;
}
#subbox1 #main_cont{
  width:510px;
  float:left;
}
/*#subbox1 #main_cont.wide {
  width:740px; 
  float:left; 
}*/
#subbox1 #right_cont{
  width:260px;
  float:right;
}
/* #subbox1 #language{ float:right; } */
#subbox1 #bot_cont{
  width:720px;
  float:left;
}

#startbox #main_cont{
  /*margin:25px 10px 10px 0px;*/
}
#startbox #right_cont{
  width:260px;
  float:right;
  padding:25px 10px 10px 20px;
  /*background:url(../images/start_content_vl.png) 0px 20px no-repeat;*/
}
/*#startbox #language{
  float:right;
}*/

#bot_cont_startbox .margin, #subbox1 #left_cont .margin {4
  padding:10px;
}

#right_cont .margin {
  padding:0px !important;
}

/*#subbox1 #right_cont .margin {
  padding:30px 10px 10px;
}*/
#subbox2 #main_cont .margin {
  padding:20px 30px 10px 24px;
  min-height:625px;
}

#subbox2 #main_cont .printmenu, #subbox3 .printmenu {
  border-top:1px solid #cccccc;
  margin:40px 30px 80px 24px;
  padding:10px 0px 0px 0px;
  clear:left;
}

#teaser_part a {
	text-decoration:none
}
#teaser_part a:hover {
	text-decoration:underline
}

#teaser1_part .margin {
  padding:30px 20px 10px 0px;
}

#teaser2_part .margin{
  padding:20px 10px 0px 10px;
  display:block;
  float:left;
}

#teaser1_part .margin .margin, #teaser2_part .margin .margin{
  padding:10px 10px 0 10px;
}

/* Main layout */
/* #top_part contains logo, meta-menu, first level menu, search button etc. #mid_part contains the #startbox, #subbox1, #subbox2 (the content).
   Finally, the #bot_part contains the footer-stuff, such as rss-link, disclaimer, bottom-menu, contact info etc.

   The #teaser1_part etc. are used for inserting specific stuff on the start-template. */

#top_part {
  background:#ded8cd url(../images/bg_top.png) repeat-x;
  width:100%;
  height:129px;
  display:block;
}

#toplevel_menu {
  position:absolute;
  top:67px;
  left:30px;
}
#toplevel_menu ul {
  margin:0;
}
#toplevel_menu li {
  float:left;
  list-style-type:none;
}
#toplevel_menu li a {
  height:20px;
  display:inline-block;
  padding:4px 20px 0;
  background:#b9b8b4;
  margin-right:4px;
  /*color:#FFFFFF;*/
  cursor:hand;
  cursor:pointer;
}

#toplevel_menu li.active a, #toplevel_menu li a:hover {
  height:21px;
  background:#e2e0dc;
  color:#666666;
  padding:3px 19px 0;
  border-top:1px solid white;
  border-left:1px solid white;
  border-right:1px solid white;
  text-decoration:none;
}

#teaser1_part {
  background:#f6f5f3;
  min-height:384px;
  width:100%;
  display:block;
}

#teaser2_part {
  background:#f6f5f3 url(../images/tmpl_bg_teaser2.png) repeat-x;
  min-height:178px;
  width:100%;
  display:block;
  color:#ffffff;
}

#mid_part {
  width:100%;
}

/* mid_part has a different background value depending on wether its on the main-template or sub-template */
#mid_part {
  background:#f6f3ee url(../images/mainpage_canvas_fading.png) repeat-x scroll 0 0;
}
#mid_part.subpage {
  background:#f4efe8 url(../images/beige_toning1.png) repeat-x;
}

#bot_part {
  background-color:#333;
  width:100%;
  position:relative;
  clear:both;
  padding-bottom:20px;
}

#topimage_part{
  background:#f2ecdd url(../images/fading1_topimagecanvas.png) repeat-x;
  width:100%;
}
#topimage div.csc-textpic-imagewrap .csc-textpic-image, .topimage_image div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
  margin:0;
}

#topimage {
  position:relative;
}
#topimage_part .margin{
  padding:0px 0px 0px 30px;
  position:relative;
}


/* .canvas are used for setting the specific width of the webpage */

.canvas {
  width:1005px;
  margin:0px;
  padding:0;
  font-size:1.2em;
  /*float:left;
  display:block;*/
}

#teaser_part {
  width:100%;
  height:195px;
  color:white;
  overflow:hidden;
  color:#EDEDED;
}

#teaser_part img {
 border:4px solid #999999;
}

#teaser_part .canvas {
  background-color:#333333;
  height:100%;
}
#teaser_part .canvas .margin {
  margin-left:30px;
  background:transparent url(../images/mainpage_teaser_fading.png) repeat scroll 0 0;
  height:100%;
  padding:0;
}
#teaser_part .canvas .margin .margin {
  background:none;
  padding:0 20px;
  margin:0;
}
#teaser_part .canvas .margin .right .margin {
  padding:0 30px 0 20px;
}
#top_part .canvas{
  height:100%; 
}

#mid_part.subpage .canvas{
  background:transparent url(../images/sub_left_border2.png) repeat-y;
}

/* The top-section ( stuff in the #top_part ) defines style for all elements in the header of the site, such as location etc.*/
#header {
  position:relative;
  width:100%;
  z-index:100;
}

/* Dropdown infobox is used on the top of every page and is used as a javascript dropdown displaying information about Meda Group*/
#infobox {
  /*background:transparent url(../images/infobox_background.png) repeat-x bottom left;*/
  display:inline-block;
  height:22px;
  left:26px;
  width:945px;
  margin:0 4px;
  position:absolute;
  top:0;
  z-index:10;
  position:relative;
}
#infobox #infobox_shleft {
  background:transparent url(../images/infobox_shleft.png) no-repeat scroll 0 6px;
  position:absolute;
  top:0;
  left:-4px;
  width:4px;
  height:112px;
  display:none;
}
#infobox #infobox_shright {
  background:transparent url(../images/infobox_shright.png) no-repeat scroll 0 6px;
  position:absolute;
  top:0;
  right:-4px;
  width:4px;
  height:112px;
  display:none;
}
#infobox_text {
  display:none;
  padding:10px;
  height:82px;
}
#infobox #infobox_dd_link {
  position:absolute;
  height:18px;
  right:0;
  bottom:4px;
  color:white;
  font-size:0.9em;
  cursor:hand;
  cursor:pointer;
}
#infobox #shadowcontain {
  position:relative;
  padding:0 0 4px;
  height:18px;
}
#infobox #shadowcontain #infobox_dd_link_shleft {
 background: transparent url(../images/infobox_fading_left.png) repeat-y 0 0;
 height:16px;
 width:4px;
 position:absolute;
 left:-4px;
 bottom:0;
}
#infobox #shadowcontain #infobox_dd_link_shright {
 background: transparent url(../images/infobox_fading_right.png) repeat-y 0 0;
 height:16px;
 width:4px;
 position:absolute;
 right:-4px;
 bottom:0;
}
#infobox #infobox_dd_link_text {
  padding:0 32px 0 15px;
  background:#e71904 url(../images/infobox_text_arrow_down.gif) no-repeat center right;
}
#infobox #infobox_dd_link_shadow {
  background: transparent url(../images/infobox_fading.png) repeat-x 0 0;
  height:4px;
  display:block;
  left:0;
  position:absolute;
  width:100%;
  bottom:0;
}

#infobox .external-link-with-arrow, #infobox .internal-link-with-arrow {
	  background: transparent url(../images/flex-link-image.png) scroll no-repeat 0 0;
  display:block;
  padding-left:31px;
  line-height:16px;
  text-decoration: none;
  font-weight: bold;
}

#infobox td a {
	padding-right:5px;
	line-height:20px;
	padding-bottom:2px;
}

/* Logotype */
#logo {
  position:absolute;
  top:24px;
  left:30px;
}

/* Language-menu - not used in this specific template */

/*
#language {
  width:260px;
  height:36px;
  text-align:right;
  overflow:hidden;
  background:transparent url(../images/right_cont_greyline.png) no-repeat bottom left;
  padding-right:12px;
}

#language .selected img{
  margin-top:8px;
  margin-left:8px;
}
  
#language .unselected img{
  margin-top:7px;
  margin-left:8px;
}
*/

/* Menu Special - not used in this specific template */
#menu_special {
  display:none; 
  top:25px;
  left:600px;
  height:30px;
  width:520px;
  position:absolute;
}

/* First level menu */
#menu_main {
  top:92px;
  left:30px;
  /*width:500px;*/
  position:absolute;
  overflow:hidden;
}

#menu_main ul, #menu_main li{
  margin:0;
  padding:0;
  list-style:none;  
}

#menu_main li{
  float:left;
  line-height:35px;
  padding-left:14px;
  padding-right:12px;
  background:url(../images/menu_main_vertical.png) 0px 9px no-repeat;
  font-size:1.2em;
  font-weight:bold;
}

#menu_main li.left{
  background:transparent;
}

#menu_main li.sub1act .menu_left{
  background:url(../images/main_menu_act.png) top left no-repeat;
}
#menu_main li.sub1act .menu_right{
  background:url(../images/main_menu_act.png) top right no-repeat;
}

#menu_main a:link, #menu_main a:active, #menu_main a:visited, #menu_main a:hover {
  display:inline-block;
  position:relative;
  text-decoration:none;
  margin-top:9px;
  padding-bottom:9px;
  height:8px;
  color:#666666;
  overflow:hidden;
  width:0px;
  max-width:0px;
}

#menu_main .text_menu a:link, #menu_main .text_menu a:active, #menu_main .text_menu a:visited, #menu_main .text_menu a:hover {
  height:auto;
  width:auto;
  margin-top:0px;
  padding-bottom:0px;
  display:inline;
}
#menu_main .sub1act a, #menu_main a:hover {
  background-position:0 -19px;
  color:#e71904;
}

/* Meta menu (in the top-section) */
#menu_meta {
  position:absolute;
  top:39px;
  right:30px;
  float:right;
}

#menu_meta ul, #menu_meta li{
  margin:0;
  padding:0;
  list-style:none;  
}

#menu_meta li{
  float:left;
  padding-left:6px;
  padding-right:8px;
  background:transparent url(../images/menu_meta_vertical.png) no-repeat center right;
}

#menu_meta li.first{
  padding-left:0;
}

#menu_meta li.last{
  padding-right:0;
  background:transparent;
}

#menu_meta .active {
  font-weight:bold;
}

#menu_meta a:link, #menu_meta a:active, #menu_meta a:visited, #menu_meta a:hover{
  display:block;
  position:relative;
  text-decoration:none;
  color:#666666;
  font-size:0.9em;
}

/* Search-box */
#search {
  display:block;
  position:absolute;
  top:60px;
  right:30px;
  height:21px;
  width:282px;
}


/* Breadcrumbs - not used in this template */

#menu_breadcrumbs {
  display:none;
  position:absolute;
  bottom:0px;
  left:35px;
  height:30px;
  width:500px;

}

#menu_breadcrumbs a {
  margin-right:.5em;
}

/* Banner-header - not used in this template */
#banner_header {
  position:absolute;
  top:5px;
  left:140px;
  height:80px;
  width:300px;
  display:none;
}


/* The footer-section (Elements in #bot_part) defines elements located in the footer. Values such as position, width and color for the footer are defined here.*/
#footer {
  margin-left:31px;
}

#footer, #footer a, #footer_line{
  color:#cccccc;
  font-size:0.9em;
  line-height:1.45em;
}
.canvas.startfooterline {
  position:absolute;
  bottom:20px;
  left:0;
  margin-left:200px;
  width:805px;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
  color:#cccccc;
  font-weight:bold;
}

#footer .margin{
  /*padding:30px 0px 20px 30px;*/
  padding:0px;
  margin:0px;
  /*height:175px;*/
}

#footer ul.csc-menu, #footer .csc-menu li{
  margin:0;
  padding:0;
  list-style:none;
}

#footer b{
  color:#ff0000;
}

#footer_line{
  /*float:right;*/
  text-align:right;
}

#footer_rss {
  background:transparent url(../images/footer_rss.png) no-repeat right top;
  float:right;
  margin-top:28px;
  width:32px;
  height:32px;
}

#footer_rss a{
  display:block;
  width:32px;
  height:32px;
}

#footer_text {
  float:left;
  margin:32px 0 0 1px;
  width:155px;
}

#footer_text ul, #footer_text li{
  margin:0;
  padding:0;
  list-style:none;
}

#footer_text li{
  margin-left:10px;
  padding-left:10px;
  float:left;
}

#footer_text li.line{
  background:url(../images/footer_text_line.png) no-repeat bottom left;
}

#footer_text a{
  color:#c1c1c1;
  font-size:0.9em;
}

/* The footer-menu */
#menu_footer {
  float:left;
  margin:32px 0 0 83px;
  /*width:735px;
  padding-bottom:20px;*/
}

#menu_footer ul{
  list-style:none;
  margin:0;
  padding:0;
}

#menu_footer ul.sub1{
  float:left;
  /*width:735px;*/
  display:block;
}

#menu_footer li.sub1, #menu_footer li.sub1act{
  display:block;
  float:left;
  /*width:245px;*/
  width:180px;
  /*padding:7px 10px 0 10px;*/
  /*height:148px;*/
  /*margin-top:10px;*/
  overflow:hidden;
  background:transparent url(../images/menu_footer_greyline.png) repeat-y top left;
  font-size:1.2em;
}

#menu_footer li.sub1 a, #menu_footer li.sub1act a, #menu_footer li.sub2act a{
  /*color:#fdf6cc;*/
  font-weight:bold;
}

#menu_footer li.sub2 a {
  font-weight:normal;
}

#menu_footer ul.sub2, #menu_footer ul.sub2act{
  margin-top:2px;
  margin-bottom:10px;
}

#menu_footer li.sub2, #menu_footer li.sub2act{
  list-style:none;
  padding-bottom:3px;
  /*background:transparent url(../images/menu_footer_minus.png) no-repeat;*/
  /*background-position:0px 7px;*/
  /*padding-left:7px;*/
  /*font-size:0.75em;*/
}

#menu_footer li.sub2act{
  background:transparent url(../images/menu_footer_minus_act.png) no-repeat;
  background-position:0px 7px;
}

/* Submenu in the #mid_cont - second level etc */
#menu_sub {
  width:226px;
  margin-top:21px;
  overflow:hidden;
  padding-left:1px;
  line-height:1em;
}

#menu_sub ul {
  list-style:none;
  margin:0;
  padding:0;
}


#menu_sub ul li {
  border-bottom:1px solid #FFFFFF;
  border-top:1px solid #DDDBD3;
  padding-left:28px;
  padding-top:2px;
  padding-top:8px;
  padding-bottom:8px;
}

#menu_sub ul li ul li {
  padding-bottom:0;
  padding-top:13px;
  border:none;
  padding-left:11px;
}

#menu_sub ul li ul li.news-amenu-item-year {
	padding-top:0;
	border:medium none;
}
#menu_sub .menulevel2 {
  padding-top:6px;
}

/* thirdlevel padding */
#menu_sub ul li ul li ul li {
  padding-bottom:0;
  padding-top:13px;
  border:none;
  padding-left:12px;
}

/* Adjust arrow and indenting for 2nd menu level */
#menu_sub .menulevel2 .cursub, #menu_sub .menulevel2 .actsub, #menu_sub .menulevel2 .subpage {
  background-position: 1px 18px;
  padding-left:11px;
}

#menu_sub .menulevel2 .subpage.inactive {
  background-position: 5px 17px;
  padding-left:11px;
}

/* Create the down arrow for current page that has a subpage */
#menu_sub .cursub {
	background:#F3F3F2 url(../images/down.gif) no-repeat 31px 12px;
	padding-left:40px;
	border:none;
}

/* Create the down arrow for current page that has a subpage and is active */
#menu_sub .actsub {
	background:#F3F3F2 url(../images/down.gif) no-repeat 31px 12px;
	padding-left:40px;
	border:none;
}

/* Active subpage category */
#menu_sub .subpage {
	background:url(../images/right.gif) no-repeat 33px 12px;
	padding-left:40px;
}


#menu_sub .left_active {
  background: none; /*#F3F3F2;*/
  padding-left:4px;
}

#menu_sub a{
  color:#666666;
  display:block;
  padding:2px 0;
}
#menu_sub a:hover #menu_sub .current a{
  text-decoration:none;
  color:#e71904;
}
/*#menu_sub a.sub1actcur, #menu_sub a.sub2actcur, #menu_sub a.sub3actcur{
  color:#ee1d25;
}*/


#menu_sub .subline, #menu_sub .sublineact {
  background:transparent url(../images/menu_sub_horizontal.png) no-repeat 0px 0px;
  width:227px;
  height:2px;
  overflow:hidden;
  display:block;
}

#menu_sub .sub1, #menu_sub .sub1act, #menu_sub .sub1actcur {
  display:block;
  
  width:181px;
  /*height:29px;*/
  padding-left:46px;
  padding-top:5px;
  padding-bottom:7px;
  font-size:1.1em;
}

#menu_sub .sub1actcur {
  padding-bottom:0px;
}

#menu_sub .sub2top, #menu_sub .sub2bot, #menu_sub .sub3top, #menu_sub .sub3bot{
  width:234px;
  overflow:hidden;
  display:block;
}

/*
#menu_sub .sub2top { background:transparent url(../images/submenu_sub1top.png) no-repeat 0px 2px; height:6px; }
#menu_sub .sub2bot { background:transparent url(../images/submenu_sub1bot.png) no-repeat 0px 0px; height:19px; }
#menu_sub .sub3top { background:transparent url(../images/submenu_sub2top.png) no-repeat 0px 6px; height:10px; }
#menu_sub .sub3bot { background:transparent url(../images/submenu_sub2bot.png) no-repeat 0px 0px; height:11px; }
*/

#menu_sub .sub2, #menu_sub .sub2act, #menu_sub .sub2actcur { 
  display:block;
  width:170px;

  padding-left:57px;
  font-size:1.1em;
  padding-top:4px;
  padding-bottom:4px;
}

#menu_sub .sub3, #menu_sub .sub3act, #menu_sub .sub3actcur {
  display:block;
  width:158px;
  padding-left:69px;
  font-size:1.1em;
  padding-top:4px;
  padding-bottom:4px;
}

#menu_sub a.sub1act, #menu_sub a.sub2act{
  background:transparent url(../images/menu_sub_arrow_left.png) no-repeat;
}

#menu_sub a.sub1actcur, #menu_sub a.sub2actcur{
        background:transparent url(../images/menu_sub_arrow_down.png) no-repeat;
}

#menu_sub a.sub1, #menu_sub a.sub1act, #menu_sub a.sub1actcur { background-position:31px 10px; }
#menu_sub a.sub2, #menu_sub a.sub2act, #menu_sub a.sub2actcur { background-position:42px 8px; }
/*
#menu_sub ul li.act, #menu_sub ul li.cur {
  background:#f3f3f2;
}
*/
/* menu second level */
#menu_sub ul li ul{
  background:#f3f3f2;
/*  padding-top:10px; */
  margin-bottom:15px;
}

#menu_sub ul li ul li ul{
  padding-top:2px;
  padding-bottom:2px;
}

/* Hovering for left menu */
ul#leftMenu li a:hover, ul#leftMenu li.current a, ul#leftMenu li.over a {
	background-position:0 -30px;
}
ul#leftMenu .current a  {
	color:#e71904
}

/* Images */

.csc-textpic-caption {
    color:#aaaaaa;
}

/* .margin are divs that are used to set the spacing between boxes with fixed width and the content itself. This way it is more browser compatible,
   than setting margin/padding and width in the same div. (different browsers calculate this differently if they are in the same div */

.margin{
    padding:20px;
}
.margin .margin{
    padding:0;
}
/* Header styling */

h1 {
  margin:0px 0px 10px 0px;
  font:normal 24pt/1.2em Georgia, Helvetica, sans-serif;
  color:#333333;
}
h2 { 
  margin:0px 0px 12px 0px;
  font:normal 18pt/1.4em Georgia, Helvetica, sans-serif;
  color:#333333;
}
h3 {
  margin: 8px 0px 0px 0px; /*4px 0px 10px 0px;*/
  color:#666666;
  font:bold 13pt/1.35em Arial, Helvetica, sans-serif;
}
h4 {
  margin:0px 0px 10px 0px;
  font:normal 1.2em/1.4em Arial, Helvetica, sans-serif;
}
h5 {
  margin:0px 0px 3px 0px;
  font:italic 1.1em/1.4em Arial, Helvetica, sans-serif;
}
h6 {
  margin:1px 0px 10px 0px;
  font:oblique 1.0em/1.4em Arial, Helvetica, sans-serif;
}
label {
  font:normal 11px/15px Arial, Helvetica, sans-serif;
}

/* paragraph extra styles */
strong {
  font-weight:bold;
  font-size:inherit;
  line-height:inherit;
}
strike {
  text-decoration:line-through;
  font-size:inherit;
  line-height:inherit;
}
em {
  font-style:italic;
  font-size:inherit;
  line-height:inherit;
}
b {
  font-weight:bold;
  font-size:inherit;
  line-height:inherit;
}

#main_cont b {
  color:#323433;
}

i {
  font-style:italic;
  font-size:inherit;
  line-height:inherit;
}

ul {
}

a {
  /*color:#101010;
  font-weight:bold;*/
  color:inherit;
  text-decoration:none;
}
p a {
	text-decoration: underline;
}

a:link,a:active,a:visited{color:inherit;}
/*a:visited  {color:#CCCCCC;}*/
a:hover    {text-decoration:underline;}

acronym  {font-size:1em; color:Purple;}
address  {font-size:1em; font-style:italic; color:Olive;}

/* Styling the bulletlist if inside #main_cont */

#main_cont ul.csc-bulletlist{
  margin:0;
  padding:0;
}

#main_cont ul.csc-bulletlist li{
  list-style:none;
  background:url(../images/bullet.gif) no-repeat;
  background-position:0px 3px;
  padding-left:20px;
  position:relative;
  margin-bottom:10px;
}


/* Flex-styling (boxes that are added as part of the design-template rather than in the template itself.  */

.flex_top_teaser{
  display:block;
  float:left;
  position:relative;
  width:300px;
}

.flex_top_teaser .flex_header {
  font-size:1.6em;
  font-weight:bold;
  font-family:Arial, sans-serif;
  color:#363636;
  height:25px;
  padding-left:10px;
}

.flex_top_teaser .margin{
  padding:0;
  min-height:96px;
  padding-top:12px;
  padding-bottom:0px;
}

.flex_top_teaser .flex_image{
  position:relative;
  width:300px;
  height:180px;
  overflow:hidden;
  display:block;
  background:#ffffff;
}

.flex_top_teaser .flex_image img{
  margin-top:10px;
  margin-left:10px;
}

.flex_top_teaser .flex_image .border_overlay{
  position:absolute;
  z-index:1;
  width:300px;
  height:180px;
  background:transparent url(../images/flex_top_teaser_border.png) no-repeat;
}

.flex_top_teaser a.flex_link{
  margin-left:10px;
  font-weight:bold;
}

/* --- */

.flex_large_product{
  display:block;
  position:relative;
  width:700px;
  float:left;
}

.flex_large_product .flexmargin{
  height:210px;
  float:left;
  width:380px;
  margin-left:20px;
}

.flex_large_product .flexmargin a{
  font-weight:bold;
}

.flex_large_product .flex_image{
  float:left;
  position:relative;
  width:300px;
  height:180px;
  overflow:hidden;
  display:block;
  background:#ffffff;
}

.flex_large_product .flex_image img{
  margin-top:10px;
  margin-left:10px;
}

.flex_large_product .flex_image .border_overlay{
  position:absolute;
  z-index:1;
  width:300px;
  height:180px;
  background:transparent url(../images/flex_top_teaser_border.png) no-repeat;
}

/* --- */

.flex_small_product{
  margin-bottom:40px;
}
.flex_small_product h4 a {
  font-weight:bold;
  display:block;
/*  padding: 2px 0 0 33px;
  background:transparent url(../images/flex-link-image.png) no-repeat scroll 0 2px;*/
}
.flex_small_product span {
  line-height:1.4em;
}
.flex_small_product span.clear {
  display:block;
}
.flex_small_product h4 {
  font-size:1.1em;
  font-weight:bold;
  font-family:Arial, sans-serif;
  margin:0 0 1px;
  overflow:hidden;
  width:272px;
  padding: 2px 0 0 33px;
  background:transparent url(../images/flex-link-image.png) no-repeat scroll 0 2px;
}

.flex_small_product img{
  float:left;
  margin-right:10px;
  border:1px solid #ffffff;
}

/* --- */

.flex_bot_teaser{
  display:block;
  float:left;
  position:relative;
  width:220px;
}

.flex_bot_teaser .margin{
  padding:0;
  min-height:45px;
  padding-top:12px;
  padding-bottom:12px;
}

.flex_bot_teaser .flex_image{
  position:relative;
  width:220px;
  height:100px;
  overflow:hidden;
  display:block;
  background:#ffffff;
  margin-bottom:5px;
  margin-top:1px;
}

.flex_bot_teaser .flex_image img{
  margin-top:5px;
  margin-left:5px;
}

.flex_bot_teaser .flex_image .border_overlay{
  position:absolute;
  z-index:1;
  width:220px;
  height:100px;
  background:transparent url(../images/flex_bot_teaser_border.png) no-repeat;
}

.flex_bot_teaser a p{
  color:#ffffff;
  text-align:center;
  font-weight:bold;
}

/* --- */

.flex_top_teaser_cntr, .flex_bot_teaser_cntr, .flex_footer_cntr, .flex_small_product_cntr{
  display:block;
  float:left;
  width:100%;
  position:relative;
}

.flex_cntr1, .flex_cntr2, .flex_cntr3, .flex_cntr4{
  width:300px;
  float:left;
  padding-left:0px;
}

.flex_top_teaser_cntr .flex_cntr2, .flex_top_teaser_cntr .flex_cntr3 {
  padding-left:30px;
}

.flex_bot_teaser_cntr .flex_cntr2, .flex_bot_teaser_cntr .flex_cntr3, .flex_bot_teaser_cntr .flex_cntr4,
.flex_small_product_cntr .flex_cntr2, .flex_small_product_cntr .flex_cntr3 {
  padding-left:20px;
}

.flex_bot_teaser_cntr .flex_cntr1, .flex_bot_teaser_cntr .flex_cntr2, .flex_bot_teaser_cntr .flex_cntr3, .flex_bot_teaser_cntr .flex_cntr4 {
  width:220px;
}

.flex_small_product_cntr .flex_cntr1, .flex_small_product_cntr .flex_cntr2, .flex_small_product_cntr .flex_cntr3{
  width:136px;
}

/* --- */

.flex_footer_cntr{ 
  background:url(../images/flex_footer_line.png) no-repeat;
  min-height:175px;
  padding-top:5px;
}
.flex_footer_cntr .flex_cntr1, .flex_footer_cntr .flex_cntr2 {
  width:130px; 
  margin-right:10px;
}
.flex_footer_cntr .flex_cntr2 { 
  margin-left:40px; 
}
.flex_footer_cntr .flex_cntr3, .flex_footer_cntr .flex_cntr4  {
  margin-left:40px;
  margin-right:10px;
}
.flex_footer_cntr .flex_cntr3, .flex_footer_cntr .flex_cntr4  {
  width:190px;
}
.flex_footer_cntr .flex_cntr4 {
  width:330px;
}

/* Flexform right container */
#right_container{
  width:268px;
  min-height:300px;
  color:#e7e6e6;
}

.right_box{
  width:100%;
  min-height: 10px;/*314px;*/
  background-image:url('../images/rightcontainer_bg.jpg');
  background-repeat:no-repeat;
  background-color:#2a292a;
}

.right_box_middle{
/*  width:100%;*/
  min-height: 10px;/*314px;*/
  background-image:url('../images/rightcontent_bg_middle.jpg');
  background-repeat:no-repeat;
  background-color:#2a292a;
}

.right_box .right_margin, .right_box_middle .right_margin{
  padding: 18px 24px;
}

.right_box .right_margin h2{
	color:#e7e6e6;
	font-size:1.5em;
}

.right_box .right_margin a{
	width: 85%;
}

.right_box .right_margin a img{
	margin-right:10px;
	position:relative;
	top:4px;
}

.right_box .right_margin, .right_box_middle .right_margin {
	color: #e9e8e8;
}

.right_box_middle .right_margin{
/*  margin: 12px 14px;
  padding: 12px 14px;*/
}

.right_box_middle .right_margin h2{
	color:#e7e6e6;
	font-size:1.5em;
}

.right_box_middle .right_margin a{
	color: #f1f1f1;
	text-decoration: none;
}

.right_box_middle .right_margin a img{
	margin-right:10px;
	position:relative;
	top:4px;
}

.right_box_middle .right_margin p{
	color: #e9e8e8;
}

.right_box_small{
  width:100%;
  height:87px;
  background-image:url('../images/rightcontainer_bottom_bg.jpg');
  background-repeat:no-repeat;
  float:left;
}

.right_box_small .small_margin{
  margin:0px auto;
  margin-top:33px;
  margin-bottom:46px;
  color: #E7E6E6;
}

.right_box_small .small_margin p{
  font-size:17px;
  text-align:center;
  color: #E7E6E6;
}

.right_box_small .small_margin p a{
  color:#E7E6E6;
  font-family:Georgia,Helvetica,sans-serif;
  text-decoration: none;
}

.right_box_small .small_margin h2{
  font-size:17px;
  text-align:center;
  color: #E7E6E6;
}

.right_box_small .small_margin h2 p {
  color:#E7E6E6;
}

/* .col2, .col3 and .col26040 defines the width and floatation of column-splitting flexible contents. Some column-splitter specific elements are also defined here. */
.col2, .col26040, .col3 {
  float:left;
  width:100%;
}

.col2 .left {
  width:50%;
  float:left;
}
.col2 .right {
  width:49%;
  float:right;
}
.col26040 .left {
  width:66.666%;
  float:left;
  overflow:hidden;
}

.col26040 .right {
  width:33%;
  float:left;
}

.col3 h2 {
  margin:0 0 8px 0;
  color:#EDEDED;
  font-size: 1.5em;
}
.col3 .left, .col3 .middle, .col3 .right {
  width:325px;
  float:left; 
  padding:20px 0 0;
}
.col3 .middle select {
  width:150px; 
}
#topimage_part .col26040 .left .margin, #topimage .col26040 .left .margin{
  padding:0;
}
#topimage_part .col26040 .right .margin, #topimage .col26040 .right .margin{
  padding:15px;
}
.col3 .left .margin, .col3 .middle .margin, .col3 .right .margin {
  padding:0 20px;
}

.printmenu p{
  color:#333333;
  float:left;
  font-weight:bold;
  margin-left:2px;
  cursor:pointer; 
  cursor:hand;
  text-decoration: none;
}


#tip_link p{
  float:left;
  left:50px;
  position:relative;
  top:-17px;
}

/* Grayborder */
.grayborder_box{
}

.grayborder_box img{
  border: 4px solid #666666 !important;
}

/* Whiteborder */
.whiteborder_box{
}

.whiteborder_box img{
  border: 1px solid white !important;
}

.topimage_text{
  margin-left:312px;
  position:absolute;
  top:20px;
  width:370px;
}
.topimage_text_left{
  margin-left:38px;
  position:absolute;
  top:17px;
  width:370px;
}

.topimage_text h1, .topimage_text_left h1{
  color:#FF0000;
}

#subbox1 #main_cont_full{
  float: left;
  width: 100%;
}

/* Style for internal links */

.internal-link-new-window {
  background-image:url(../images/flex-link-image.png);
  background-repeat:no-repeat;
  float:left;
  padding-left:31px;
  line-height:16px;
  text-decoration: none;
  font-weight: bold;
}

/* Style for external links */
.external-link-new-window{
  background: transparent url(../images/flex-link-image.png) scroll no-repeat 0 0;
  display:block;
  padding-left:31px;
  line-height:16px;
  text-decoration: none;
  font-weight: bold;
}


.external-link-with-arrow, .internal-link-with-arrow, .download-link-with-arrow {
  background-image:url(../images/flex-link-image.png);
  background-repeat:no-repeat;
  background-position:0 0px;
  display:block;
  padding-left:31px;
  line-height:16px;
  text-decoration: none;
  font-weight: bold;
}

.external-link-plain, .internal-link-plain {

}

/* FCE for products */
.productinfo_left{
  float: left;
  /*display:inline;*/
  width: 49%;/*450px;*/
  padding:30px 10px 35px 40px;
}

.productinfo_left h2{
  font-size: 12px;
  color: #E32118;
  font-family: Arial,Verdana,Helvetica;
  font-weight: bold;
  margin:0 0 15px;
}

.productinfo_right{
  float: right;
  width: 300px;
  padding: 31px 40px 35px 0;
  overflow:hidden;
}

.productinfo_right img{
  /*margin:0 auto 20px 15%;*/
}

.productinfo_right a{
  color:#666666;
  display:block;
  clear:both;
  margin:6px 0 13px;
  text-transform:none;
  text-decoration:none;
  background:transparent url(../images/flex-link-image.png) no-repeat scroll 0 0;
  padding-left:31px;
}

.pdf_link{
  background-image:url(../images/pdf.jpg);
  background-repeat:no-repeat;
  display:inline-block;
  height:29px;
  margin-left:8px;
  margin-top:-11px;
  vertical-align:middle;
  width:25px;
  line-height:30px;
}

.fass_link{
  background-image:url(../images/logo_fass.gif);
  background-repeat:no-repeat;
  display:inline-block;
  height:20px;
  margin-left:8px;
  margin-top:-4px;
  vertical-align:middle;
  width:80px;
  line-height:30px;
}

/* ConfirmBox */
#confirmWindowBackground {
	position: absolute;
	z-index: 200;
	top: 150px;
	left: 400px;
	display: none;
	background: transparent url(../images/medaskugga.png);
	width: 439px;
	height: 294px;
}
#confirmWindow {
	position:relative;
	margin: 16px 0px 0px 21px;
	display: none;
	background: #FFFFFF;
	min-height: 179px;
	width: 335px;
	padding: 26px 30px 45px;
	border: 1px solid #000;
}

#confirmWindowButtonsLogin {
	position:absolute;
	left:30px;
	bottom:20px;
	color:#FFF;
}
#confirmWindow a.c1 {
	display: inline-block;
	color: #FFF;
	font-size: 12px;
	background: transparent url(../images/confirmbutton.gif) no-repeat scroll left 1px;
	padding: 0;
	text-align:center;
	margin-left: 59px;
	font-weight:bold;
	width:37px;
}
#confirmWindow a.c2 {
	display: inline-block;
	color: #FFF;
	font-size: 12px;
	background: transparent url(../images/confirmbutton.gif) no-repeat scroll left 1px;
	font-weight:bold;
	padding: 0;
	text-align:center;
	width:37px;
	margin-left: 107px;
}
#confirmWindow p {
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	padding-bottom:8px;
}
#confirmWindowShadow {
	position: absolute;
	z-index: 199;
	top: 0px;
	left: 0px;
	display: none;
	background: #000000;
	height: 100%;
	width: 100%;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;

}

.cardholder{
	margin-top: 20px;
}

h2 a {
	/*color:#EDEDED;*/
}
/* Removes 4.5 changes to text w image */
DIV.csc-textpic DIV.csc-textpic-single-image IMG {
    margin-bottom: 0px;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
    margin-left: 0px !important;
}