﻿/* This file needs to be saved in the UTF-8 format in order to handle EditMenuName attributes with non-english characters */

/* --- Divs used for page structure ---*/
/* --- Internet.css contains styles changed for RoMedic ---*/

body
{
	background-color: #ffffff; 
	/*background-color: #E4E4E4; */
    
	margin:0;
    padding:0;
    border:0;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:80%;  /*70%;*/
    line-height:125%;
    color:#393939;
    background-image: url(../images/RoMedic/body_bg_light.gif);
    background-repeat: repeat-x;
    height: 100%;
    padding-bottom: 30px;
}
p {
  line-height:150%;
}
form 
{
	padding:0;
	margin:0;
}

.backgroundimage
{
	background-image: url(../images/RoMedic/content_bg_top_light.gif);
	background-repeat:no-repeat;	
	width:1000px;	
	padding:0;
	margin:0;	
}

#containerdiv
{
	padding-top: 34px;
	/*padding-bottom: 0.5em;
	background-color:Orange;*/
	margin-right: 30px; /*50px*/
	margin-left: 30px;
	text-align:left;
	/*border-bottom-color:Black;
	border-bottom-style:solid;
	border-bottom-width:70px;	*/  
}

#headerdiv
{
	display: block;
	padding:0;
	margin:0;
	/* margin-left:20px; 
	margin-top:10px;	
	margin-bottom:30px;	
	*/
	height:143px;
}

.headerimg {
	padding-left:10px;
	padding-top:45px;
}

#topmenudiv
{ 
	background:  url(../images/RoMedic/gns_blank.gif) no-repeat;  /*#E0D2B5 url(../images/topmenubg.gif) repeat-x;*/
	background-position:top right;/*	*/
	display: block;	
	font-family:Trebuchet MS,  Verdana, Helvetica, Sans-Serif;		
	font-weight:bold;
	color:White;
	font-weight:bold;
	text-transform:uppercase;	
	width:940px;
	height:33px;
	overflow:hidden;
	font-size:16px;
	/*
	vertical-align: middle;*/
	margin: 0;
	padding: 0;
	border: 0;

}

#topmenucontrol
{
	clear:both;	
	margin: 0;
	padding: 0;
	border: 0;	
	color:White;		
}

#secondmenudiv
{
	margin: 0;
	padding-left:12px;
	padding-top:5px;
	padding-bottom:2px;
	border: 0;
	/*background-color:#EBEBEB;*/
	background:  url(../images/RoMedic/lns_bg.gif) top left repeat-x;  
	
	/*display: block;	
	font-family:Trebuchet MS,  Verdana, Helvetica, Sans-Serif;
	font-size: 110%;	*/	
	font-weight:bold;
	vertical-align: middle;
	height: 33px;	    	
}

#quickbardiv
{
	position:relative; 
	margin-top: -68px; 
	margin-right: 3px;
	
	float: right; 
	text-align: right;
	width: 240px;
}
div.quickbarupperdiv
{
	height:28px;
}
div.quickbarlowerdiv
{
	width: 100%;
	clear: both;
	padding-top:2px;
	
}
img.quickbaricon
{
	margin-left: 2px;
	padding-top:7px;	
	
}
input.quicksearchinput
{
	width: 130px;
	height: 16px;
	/*vertical-align: middle;
	padding-bottom:5px;*/
	border: 1px solid #9C9A94;
	margin-bottom:2px;
}

#maincontainerdiv
{	
	padding-top: 7px;
	padding-bottom: 17px;
/*padding-top: 10px;
	
	padding-left:1em;
	background-color: #FFFFFF;*/
}

#contentdiv
{
	width:450px;  /* 684-226=458 */
	float: right;
	padding-top:10px;	
}
#contentdiv p {
	padding-right:40px;
}

#mainareadiv
{
	float: left;
	text-align: left;
	/*background-color:Orange;*/
}
.normalwidth
{
	width:677px; /*67%;*/
}

span.breadcrumbstext {
	font:normal 12px Arial, helvetica, sans-serif;
	color:#000;
	text-decoration:underline;
}

a.breadcrumbstext:hover
{
     text-decoration:underline;
     color:#B52529;
}

a.breadcrumbstext:visited
{
	color:#B52529;
}
a.breadcrumbstext
{
	color:#B52529;
}


.breadcrumbsdiv {
	background:#fff;
	display:block;
	margin:0px;
	border-bottom:solid 1px #e9e9e9;
}

#leftmenudiv
{
	width: 225px;	
	float: left;
	background-color: #ffffff;
	margin-left:1px;
	margin-top:2px;	
	text-decoration:none; 
}

#rightmenudiv
{
	width: 245px;
	float: right;
	text-align: left;
	/*margin-left:2.5em;
	margin-top: -2.1em;*/
	background-color:#DEDEDE;/*#EBEBEB;*/
}

.newsItem
{
	padding-top:0.6em;
	/*background-color:Aqua;
	text-decoration: none;
		clear: both;*/
	display: block;
	color:#333;
	padding-left:14px;
	padding-right:14px;
	/*padding-left: 0.9em;*/

}

span.newstime
{
	/*text-decoration: none;
	display: block;*/
	float:right;
	padding-right:14px;
	font-style:italic;
	font-size:85%;	
}
.puffImg
{
	margin:0 5px 2px 5px;/*em 0.5em 0.5em 0.5em;
	width:100%;*/
	width: 235px;
}

.GNSImg
{
	margin:0;/*em 0.5em 0.5em 0.5em;*/
}

/* ------ Links -------- */
a
{
	color: #000000;
	text-decoration:none;

}
a:visited
{
	color: #b52529;
	text-decoration:none;
		
}
a:hover
{
	color: #811215;
	text-decoration:underline;

}


a.GNStextUnS
{	
	color:White;
	vertical-align:middle;
	
}
a.GNStextS
{	
	color:White;
vertical-align:middle;
}

/* --------- Links in second menu ----------- */
a.secondmenuhead
{
	padding: 0em 0em 0em 0.55em;
	font-size: 1em;
	/* text-decoration: none; */
	margin: auto;
	color:Black;
}
a.activesecondmenuhead:visited
{
	padding: 0em 0em 0em 0.55em;
	font-size: 1em;
	font-weight: bold;
	/* text-decoration: none; */
	margin: auto;
	color:#B52529;
}
.startpagemain
{
	border-left-width:0px;
	float:left;
	margin-left:1px;
	width:610px;
	border-color:white;
	border-style:solid;
	border-bottom-width:5px;
	border-right-width:5px;
	background-color:white;
	color:White;
	margin-bottom:8px;
	
}
.startpageleftheader
{
	/*padding: 1em;
	margin-bottom: 1em;*/
	float:left;
	display:block;
	border-color:White;
	border-style:solid;
	width:677px;		
	border-width:0px;
	border-top-width:0px;
	color:White;	
}
.startpageleftheader img 
{
	float:right;
}
.startpageright
{
	border-width:0px;	
	float:right;
	width:200px;
	color:White;
}
.blackborder
{
	border-width:4px;
	border-top:0px;
	border-color:Black;
	border-style:solid;		
}
.middlepuff
{
	cursor:pointer;
	margin-left:6px;
	float:left;	
}
.middlepuff a {
	display:block;
	background-color:#000000;	
	clear:both;
}
.blackback
{
	display:block;
	background-color:Black;
	color:White;
	border-width:6px;
	border-color:Black;
	border-style:solid;
	border-left-width:13px;
	border-right-width:13px;
	width:199px;
	height:75px;				
}

.startpagecalenderheader
{
	width:253px;
	margin-left:-4px;
	/**/margin-right:-4px;
}
.startpagecalenderdiv
{
	background:  url(../images/RoMedic/ftr_kalender.gif) bottom left ;
	width:253px;  /*245 253*/
	height:272px;
	margin-left:-4px;
	/**/margin-right:-4px;
}
.startpagecalendertext
{	
	padding-left:18px;
	padding-right:18px;
}

a {
	color:#b52529;
}

.catalogchoise
{
	background-color:White;
	margin-left:1px;
	border-color:#EBEBEB;
	border-style:solid;
	border-width:10px;
	padding:20px;	
}
/*.topspace
{
	margin-top:4px;
	
}*/

.cataloguelistingtop
{
	clear:both;
	margin-top:4px;
	background:  url(../images/RoMedic/bg_produkt_top.gif) no-repeat left top;
	/*display:block;
	height:5px;*/
	width:677px;
	padding-top:10px;
	/*padding-left:10px;
	padding-right:10px;	*/
	text-decoration:none;			
}

.cataloguelisting 
{
	background:  url(../images/RoMedic/bg_produkt_bottom.gif) no-repeat left bottom;
	/**/min-height:95px;
	width:654px;
	padding-left:10px;
	padding-right:10px;/**/
	text-decoration:none;		
	cursor:pointer;
}

.cataloguelistingpictures
{	
	width:131px;
	float:left;
	text-decoration:none;
	/*padding-right:10px;
	
	border-width:1px;
	border-style:solid;
	border-color:Aqua;*/
		
}
.cataloguelistingright
{
	float:right;
	text-align:left;
	text-decoration:none;
	width:503px;
}

#headaddress {
	text-align:right;
	float:right;
	font-size:80%;
	height: 120px;
	overflow:hidden;
}

#footermaindiv
{
	
	width: 100%; 
	float:left; 
	clear:both;
	height: 2.1em;
	
	
}
#footerdiv
{
	display:none;
	clear:both;
	padding-right:3px;
	background-color:#999999;
	color:White;
	height:70px;
	border-style:solid;	
	border-color:#999999;
	border-top-width:9px;
	border-bottom-width:15px;
	margin-bottom:20px;	
	/*border-bottom-color:White;
	padding-bottom:20px;*/
	
}

#footerleftdiv
{
	width: 50%; 
	float: left; 
	text-align: left;
}

#footermiddlediv
{
	width: 30%; 
	float:left; 
	text-align: right;
}

#footerrightdiv
{	
	width: 15%; 
	float: right; 
	text-align: right;
}

.white
{
	color:White;
	text-decoration:none;
}


/* --------- Left menu ----------- */

div.menuitem
{	/*background-color:Aqua;*/

	border-style:solid;	
	border-color:Black;
	border-width:0;
	border-left-width:8px;
	width:200px; /*225 */
	
/*
	background-image: url(../images/submenu_rulerbg.gif);
	background-position: 0em bottom;
	background-repeat: repeat-x;*/
	padding: 0.5em 0em 0.5em 0em;
	overflow:auto;
   
}
div.menuitemselected
{
	border-style:solid;	
	border-color:Blue;
	border-width:0;
	border-left-width:9px;
	
	/*background-image: url(../images/submenu_rulerbg.gif);
	background-position: 0em bottom;
	background-repeat: repeat-x;*/
	padding: 0.5em 0em 0.5em 0em;
	overflow: auto;
	font-weight: bold;
	background-color: #dddddd;
}
div.menuitemexpanded
{
	/*background-image: url(../images/submenu_rulerbg.gif);
	background-position: 0em bottom;
	background-repeat: repeat-x;*/
	padding: 0.5em 0em 0.5em 0em;
	overflow: auto;
	background-color:Fuchsia;/* #dddddd;*/
}

/* ------ LeftMenu items -----*/

#leftmenudiv .menuitemchild {
	background:#fff;
	margin-bottom:2px;
	overflow:auto;
	padding:5px 0;
	width:100%;
	
}

#leftmenudiv .menuitemchild .menutext a.menulink {
	width:160px;
	padding:10px;
	font:normal 14px arial,helvetica,sans-serif;
	color:#333;
	display:block;
	text-decoration:none;
	
}

#leftmenudiv .menuitemchild .menutext a.menulink:hover{
	background:#e7e7e7;
}

#leftmenudiv .romedicmenu{	
	background:#fff;
	
	overflow:auto;
	padding:3px 0;
	width:100%;
}

#leftmenudiv .romedicmenu .menutext a.menulink{
	background:#B52529;
	width:160px;
	padding:10px;
	font:normal 14px arial, helvetica, sans-serif;
	color:#fff;
	display:block;
	text-decoration:none;

}

#leftmenudiv .romedicmenu a.menulink:hover
{
	/*color: #333;*/
	color:#fff;
	text-decoration:none;
}


.puffbottom 
{
	background:  url(../images/RoMedic/ftr_puff.gif) bottom left ;
	/**/display:block;
	height:11px;
	width:225px;
	
}
body.normalpage {
	padding:0;
	margin:0;
	margin-bottom:15px;
}

.quick_search
{
	background:  url(../images/RoMedic/btn_empty.gif) bottom left ;
	text-decoration:none;
	font-family:Trebuchet MS,  Verdana, Helvetica, Sans-Serif;		
	width: 55px;
	height:22px;
	color:White;	
	font-weight:bold;
	border:0;
	padding-bottom:2px;	
	margin-top:1px;
}

.newsItem a,
.newsItem a:visited,
.newsItem a:hover,
.newsItem:hover,
.cataloguelistingtop a,
.cataloguelistingtop a:visited,
.cataloguelistingtop a:hover {
	color:#333;
	text-decoration:none;
}

/* This section is for Products */

/* Product Startpage */
div.background1
{
    clear:both;
    background-image:url(../images/RoMedic/bg_produkter_systemromedic_rfl_940px.jpg);
    background-repeat:no-repeat;
    background-position:top;    
}

div.background1-en
{
    clear:both;
    background-image:url(../images/RoMedic/bg_produkter_systemromedic_940px.jpg);
    background-repeat:no-repeat;
    background-position:top;    
}

div.background2
{
    clear:both;
    background-image:url(../images/RoMedic/bg_produkter_readyforlife_940px.jpg);
    background-repeat:no-repeat;
    background-position:top;    
}
div.background3
{
    clear:both;
    background-image:url(../images/RoMedic/bg_produkter_systemromedic_940px.jpg);
    background-repeat:no-repeat;
    background-position:top;    
}
div.background4
{
    clear:both;
    background-image:url(../images/RoMedic/ProduktLogo_747px.jpg);
    background-repeat:no-repeat;
    background-position:top;    
}
div.background5
{
    clear:both;
    background-image:url(../images/RoMedic/bg_produkter_systemromedic_940px.jpg);
    background-repeat:no-repeat;
    background-position:top;    
}
div.menuheadinglevel1
{
    width:100%; /* = 940px;*/
    font-weight: bold;
	font-size: 1.6em;
	padding-top:1px;
	padding-left:0px;
	text-indent:10px;
	margin-bottom: 10px;
	height:40px;
}

div.menuheadinglevel1 a
{
    color: #333;
}

div.menutextlevel1
{
    padding-left:10px;
	margin:20px 0px 0px 0px;
}

div.divarea
{
    float: left;  
    width: 200px;
	margin:10px 30px 30px 0px;
}

div.menuposlevel2
{
    background-image:url(../images/RoMedic/li_overflyttning.jpg);
    height:27px;
    padding-left: 10px;
    padding-top:13px;
    margin-bottom: 10px;
    font-weight: bold;
	font-size: 1.1em;
}

div.menuposlevel2red
{
    background-image:url(../images/RoMedic/li_posi.jpg);
    height:27px;
    padding-left: 10px;
    padding-top:13px;
    margin-bottom: 10px;
    font-weight: bold;
	font-size: 1.1em;
}

div.menuposlevel2black
{
    background-image:url(../images/RoMedic/li_lyft.jpg);
    height:27px;
    padding-left: 10px;
    padding-top:13px;
    margin-bottom: 10px;
    font-weight: bold;
	font-size: 1.1em;
}

div.menuposlevel2silver
{
    background-image:url(../images/RoMedic/li_stod.jpg);
    height:27px;
    padding-left: 10px;
    padding-top:13px;
    margin-bottom: 10px;
    font-weight: bold;
	font-size: 1.1em;
}

div.menuposlevel2ready
{
    background-image:url(../images/RoMedic/li_ready.jpg);
    height:27px;
    padding-left: 10px;
    padding-top:13px;
    margin-bottom: 10px;
    font-weight: bold;
	font-size: 1.1em;
}

div.menuposlevel2 a,
div.menuposlevel2red a,
div.menuposlevel2black a,
div.menuposlevel2ready a
{
    color:#FFFFFF;
}

div.menuposlevel2silver a
{
    color: #666;
}

div.menuposlevel3
{
	margin:5px 0px 0px 0px;
	padding:5px;
	font:normal 12px Arial,Helvetica,sans-serif;
	background:#f7f7f7;
	text-indent:5px;
}

div.menuposlevel3 a
{
    color: #666;
    text-decoration:none;
}

div.menuposlevel3:hover
{
	background:url(../images/RoMedic/li_active.jpg);
	text-decoration:underline;
}


/* Product category page */
#rightcolumn
{
    margin-left: 210px; 
}

/* Product category list */
div.ListItem
{
    padding-top:20px;
    float:left;
    margin-bottom:20px;
    display:block;
}

div.ListImg
{
    width:180px;  
    float:left;  
}

div.ListText
{
    float:left;
    width:540px; 
    margin-left:10px;
}

.buttonReadmore
{
	background-color:#A81E22;
	color:White;
	padding:8px;
}

.buttonsize a
{}

.buttonsize
{
    margin-top:23px;
    height:30px;
}

.ListHeading
{
	font:bold 24px Arial, Helvetica, sans-serif;
	color:#000;
}

.productheading
{
    margin-bottom: 7px;  
}

.producttext{
	font:normal 12px/16px Arial,helvetica, sans-serif;
}


/* Leftmenu */
#divleftmenu 
{
	width:190px;
	height:auto;
	float:left;
}

div.listItemArea
{
    width: 190px;
    margin:10px 0px 0px 0px;

}
div.menulevel2
{
    background-image:url(../images/RoMedic/li_overflyttning.jpg);
    height:27px;
    padding-left: 10px;
    padding-top:13px;
	font-size: 1.2em;
}

div.menulevel2red
{
    background-image:url(../images/RoMedic/li_posi.jpg);
    height:27px;
    padding-left: 10px;
    padding-top:13px;
	font-size: 1.2em;
}

div.menulevel2black
{
    background-image:url(../images/RoMedic/li_lyft.jpg);
    height:27px;
    padding-left: 10px;
    padding-top:13px;
	font-size: 1.2em;
}

div.menulevel2silver
{
    background-image:url(../images/RoMedic/li_stod.jpg);
    height:27px;
    padding-left: 10px;
    padding-top:13px;
	font-size: 1.2em;
}

div.menulevel2 a,
div.menulevel2red a,
div.menulevel2black a
{
    color:#FFFFFF;
}

div.menulevel3
{
	margin:5px 0px 0px 0px;
	text-indent:10px;
	font:normal 12px arial,helvetica,sans-serif;
	background:#f7f7f7;
	padding-top:5px;
    padding-bottom:5px;
}

div.ListText a,
div.menulevel2silver a,
div.menulevel3 a:visited,
div.menulevel3 a:link
{
    color:#666666;
}

div.menulevel3:hover
{
    background-image:url(../images/RoMedic/li_active.jpg);
    background-position:center;
    background-repeat:no-repeat;
}

div.listItemAreaSelected
{
    width: 190px;
    margin:10px 0px 0px 0px;
}

div.menulevel3Selected
{
    background-image:url(../images/RoMedic/li_active.jpg);
    background-position:center;
    background-repeat:no-repeat;
    margin:5px 0px 0px 0px;
    text-indent:10px;
    padding-top:5px;
    padding-bottom:5px;
    font:normal 12px arial,helvetica,sans-serif;
}

div.menulevel3Selected a
{
    color:#666666; 
}


/* Productpage */

#productdiv
{
	padding-left:150px;
	padding-right:30px;
	padding-bottom:30px;
}

.productdocuments
{
	display:block;
	text-align:left;		
	padding-bottom:5px;
	float: left;
}
.productinstructions
{	
	background-color:#EBEBEB;
	display:block;
	margin-left:1px;
	text-align:right;		
	width:676px;/*644px;
	margin-right:10px;*/
	padding-bottom:5px;
}

.productinstructions img
{
	padding-top:2px;
	vertical-align:middle;
	padding-bottom:5px;
}

.productheader
{
	color:#B52529;
	font-family:Trebuchet MS,  Verdana, Helvetica, Sans-Serif;
	font-weight:bold; 
	font-size:120%;
	text-decoration:none;    						
}

#rightarea
{
    margin-left: 205px;   
}

#upperarea
{
    
    margin-top:10px;
}

#middlearea
{
    float:left;
    margin-bottom:30px;    
}

#imagearea
{
     width:300px;
     float:left;     
}

#textarea
{
     float:left;
     width:410px;
     padding:15px 10px 15px 10px;
}

#headingarea
{}

#headingarea h1 {
	font:bold 36px/38px Arial, Helvetica, sans-serif;
	margin:0px 0x 10px 0px;
	color:#000;
	letter-spacing:-1px;
}

#editorarea p
{
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0px 0px 10px 0px;
	}

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

#editorarea ul li
{
    padding-top:5px;
    padding-left:12px;
    background-image:url(../images/RoMedic/listpil.jpg);
    background-repeat:no-repeat;
    background-position:left 7px;
}

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

#editorareaDark ul li
{
    padding-top:5px;
    padding-left:12px;
    background-image:url(../images/RoMedic/listpil_otherproducts.jpg);
    background-repeat:no-repeat;
    background-position:left 7px;
}

#bottomarea
{}

#flaparea
{
    float:left;
    height:30px;
    line-height:30px;
}

#flaparea a
{
    color:#ffffff;
    text-decoration:none;
	padding:8px;
}

#flaparea a.selected
{
    color:#000000;
}

#flap1,
#flap2,
#flap3,
#flap4,
#flap5
{
    float:left; 
}

.flapactive
{
    background-color:#a81e22;
    padding: 15px 10px 15px 10px;
    margin:0 1px 0 0px; 
}

.flapactiveDark
{
    background-color:#3c3c3c;
    padding: 15px 10px 15px 10px;
    margin:0 1px 0 0px; 
}

.flapinactive
{
    background-color:#c1c1c1;
    padding: 15px 10px 15px 10px;  
    margin:0 1px 0 0px; 
}

.flapinactive:hover
{
    background:#666666;
}


#flikcontent {
	padding:10px;
	width:710px;
	height:auto;
	background:url(../images/RoMedic/bg_flikar_innehall_produktsida_repeat_x.jpg) repeat-x #fff;
	border: 1px solid #c1c1c1;
	float:left;
}

#flikcontent a.download {
	font:normal 14px arial,helvetica,sans-serif;
	padding:10px 0px 5px 45px;
	background:url(../images/download_box.jpg) no-repeat;
	color:#b70f27;
}


div.documentrow
{
    margin:5px 0 0 0;
    float:left;
    clear:both;
}
div.documentlink
{
    padding:3px 0 0px 0;
    float:left;
}
div.imglink
{
    float:left; 
}

a.doclink
{
    color:#000;
    text-decoration:none;
}

a.doclink:hover
{
    color:#a81e22;
    text-decoration:underline;
}

img.docimg
{
   
}

/* FORM */

input.orderform
{
	background:#eeeeee;
	padding:5px;
	color:#666;
	border:1px solid;
	border-color:#CCCCCC;
}

textarea.orderform
{
	background:#eeeeee;
	padding:5px;
	color:#666;
	border:1px solid;
	border-color:#CCCCCC;
}

/* FORM */
