/*
#83389b = lila
#fff200 = gul
#b4d900 = Halebop.grön
#417630 = Mörk grön
#575a5d = Mörk Grå
*/
/*Generell css for halebop.se - changed 2012-01-17 - GS */

/***************Typografi**************/

body
{
	font-size: 11px;
	font-family:Verdana, Geneva, sans-serif;
	color: #333;

}
h1
{
	font-family:'arial black', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #83389b; /*lilac*/
	font-weight:bold;
	text-transform:uppercase;
	line-height: 16px;
	
}

h2
{
	font-family:'arial black', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #83389b; /*lilac*/
	font-weight:bold;	
	line-height: 16px;
	margin-bottom: 5px;
}

h3
{
	font-size: 12px;
	line-height: auto;
	color: #417630; /*green*/
	font-weight:bold;	
	text-transform:uppercase;
	line-height: 14px;
	margin-bottom: 5px;
}
h4
{
	font-size: 12px;
	line-height: 14px;
	color: #333; /*plain grey*/
	font-weight:bold;	
	text-transform:uppercase;
	margin-bottom: 5px;
}
h5
{
	font-size: 11px;
	line-height: 12px;
	color: #333; /*plain grey*/
	font-weight:bold;	
	text-transform:uppercase;
	
}
h6
{
	font-size: 11px;
	line-height: 12px;
	color: #333; /*plain grey*/
	font-weight:bold;	
	
}
.bigheader
{
	font-family: 'arial black', arial, helvetica, verdana, sans-serif;
	font-weight: bold;
	color: #83389b;
	font-size:16px;
	margin-top: 0;
	text-transform: uppercase;
	
}
table, p, div, span
{
   font-size: 11px;
    color: #333333;
}

.redrubrik
{
	FONT-FAMILY: arial,verdana geneva, helvetica;
    FONT-SIZE: 13px;
	font-weight:bold;		
	margin-bottom: 0px;
	COLOR: #990066;
}

.error_text {
	font-family:Verdana, Geneva, sans-serif;
	FONT-SIZE: 11px;
	COLOR: #990000;
	font-weight: bold;
}

.error_header {
    text-align: left;
}

.success_text {
	color: #417630;
	font-weight: bold;
}

/****************Rightcolumn**************/
.rightcolumn-info
{
width:160px;
background-color: #E3D7E9;/*20lilac*/
padding: 2px;
padding-right:1px;
}

/********BUTTONS***********/

.actionbutton {
	/*IE*/
	background-color: #b4d900;

	/* Firefox 3.6+ */
  	background: -moz-linear-gradient(30% 70% 45deg, #a5c43f, #b4d900);
  
  	/* Safari 4-5, Chrome 1-9 */
  	/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5c43f), to(#b4d900));
  
  	/* Safari 5.1+, Chrome 10+ */
  	background: -webkit-linear-gradient(45deg, #a5c43f, #b4d900 );
  
  	/* Opera 11.10+ */
  	background: -o-linear-gradient( #b4d900, #a5c43f);
	
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	width:auto;
	font-family: 'arial black',arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333;
	border-top:1px solid #c4c5c6;
	border-left:1px solid #c4c5c6;
	border-right:3px solid #417630;
	border-bottom:3px solid #417630;
	text-align:center;
	cursor:pointer;
	text-transform:uppercase;
	text-decoration:none;
	height:auto;
}

.actionbutton a
{
	text-decoration:none;
	color:#333;
	cursor: inherit;
	text-transform:uppercase;
}
.actionbutton a:hover
{
	text-decoration:none;
	color:#417630;
	cursor: inherit;
	text-transform:uppercase;
	
}
.actionbutton a:visited
{
	text-decoration:none;
	color:#333;
	cursor: inherit;
	text-transform:uppercase;
	
}
.navigationbutton
{
	height:auto;
	background-color: #e3e4e5;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	width:auto;
	font-family: 'arial black',arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	
	border-top:1px solid #c4c5c6;
    border-left:1px solid #c4c5c6;
	border-right:3px solid #848588;
	border-bottom:3px solid #848588;
	text-align:center;
	cursor: pointer;
	text-transform:uppercase;
	}
.navigationbutton a
{
	text-decoration:none;
	color:#417630;
	cursor: inherit;
	text-transform:uppercase;
}
.navigationbutton a:hover
{
	text-decoration:none;
	color:#333;
	cursor: inherit;
	text-transform:uppercase;
}




/*******LINKS**************/
A
{
	COLOR: #575a5d;
	TEXT-DECORATION: underline;
    font-weight:bold;
}

A:hover
{
   	color: #417630;
    font-weight: bold;
}

A:visited
{
	COLOR: #575a5d;
	TEXT-DECORATION: underline;
    font-weight:bold;
	
}
.bannerlink a
{
 	font-size:22px; 
 	font-family: 'arial black', Arial, Helvetica, sans-serif; 
 	color:#83389b; 
 	text-transform:uppercase;
 	font-weight:bold;
	text-decoration:none;
 }
.bannerlink a:hover
{
 	font-size:22px; 
 	font-family: 'arial black', Arial, Helvetica, sans-serif; 
 	color:#575a5d; 
 	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
 }
.bannerlink a:visited
{
 	font-size:22px; 
 	font-family: 'arial black', Arial, Helvetica, sans-serif; 
 	color:#83389b; 
 	text-transform:uppercase;
 	font-weight:bold;
	text-decoration:none;
 }

/********************/
.prickadlinjevert
{
	background-image:url(/se_halebop/images/linjer/prickad_linje_vertikal.gif);			
	background-repeat:repeat-y;		
}

.prickadlinjehori
{
	background-image:url(/se_halebop/images/linjer/prickad_linje_horizontal.gif);			
	background-repeat:repeat-y;		
}

.prickadlinjevertgra
{
	background-image:url(/se_halebop/images/linjer/prickad_linje_vertikal_gra.gif);			
	background-repeat:repeat-y;		
}


.ladda_kontantkort_internetbank
{
	BACKGROUND-COLOR: #B4D900;
	background-image:url(/se_halebop/images/bakgrund/ladda_kontantkort_internetbank.jpg);		
	background-position: top;
	background-repeat:no-repeat;
}

.ingress
{ 	font-size: 12px;
	font-weight: bold;
}


INPUT 
{ 
	font-family:Verdana, Geneva, sans-serif;
	FONT-SIZE: 10px;
	color: #4A5D00;
}

SELECT 
{ 
	font-family:Verdana, Geneva, sans-serif;
	FONT-SIZE: 10px;
	color: #4A5D00;
}

.hidden{
visibility: hidden;
}
/*******LEFTMENU********/

div.navroot {	
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	position:relative;
	left: 0px;
	top: relative;
	line-height:14px;	
	width: 178px;
	background-image:url(/se_halebop/images/navigation/left/1pixel.gif);
	background-repeat:repeat-x;
	background-position:top left;
}
	
div.navlist {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	position:relative;
	left: 5px;
	top: relative;
	line-height:16px;
	TEXT-DECORATION: none;
	margin-top: 5px;
	margin-bottom: 5px;
}




div.navroot div.link {
	background-image:url(/se_halebop/images/navigation/left/1pixel.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	top: relative;
	width: 178px;
	padding-top: 5px;
	padding-bottom: 5px;
	
}

 a.closed {
	color: #575A5D;
	TEXT-DECORATION: none;
	}

 a.open {
	color: #83389B;
	TEXT-DECORATION: none;
}

 a.selected {
	color: #83389B;
	TEXT-DECORATION: none;	
}

a.closed:hover{
	color: #83389B;
	font-weight:bold;
}

a.open:hover{
	color: #83389B;
	font-weight:bold;	
}

a.selected:hover{
	color: #83389B;
	font-weight:bold;	
}


/*STARTSIDAN*********************************/

/*Topplistan*/



table#start-topplista tr td
{
	border-bottom: dotted 1px #848588;
	padding-bottom:1px;
	
}

.topplisttext
{
	font-size: 12px;
	
	color: #575a5d; /*grey*/
	font-weight:bold;
}
.topplistprice
{
	font-size: 14px;
	
	color: #83389b; /*lilac*/
	font-weight:bold;
}
.topplistprice 
{
	margin:0;
}
.topplistnumber
{
	margin:0;
	font-size:22px;
	font-weight:bold;
	color:#417630;
	font-family:'arial black', Arial, Helvetica, sans-serif;
	margin-left: 2px;
	
}

/**************************/	
a.aktuellt{
		font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	font-color: #575A5d;
	text-decoration: underline;
}

a.aktuellt:hover{
		font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #83389B;
	text-decoration: underline;
}


/*********************/
.rss_item  br{
	line-height: 0px;
}

.rss_item img {
	width: 150px;			
	float: left;
	margin-right: 5px;
	border: none;
			}

.rss_item {
		font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-color: #333333;
	text-decoration: none;
	padding-top:30px;
}


.rss_title {
	margin-left: 220px;
		font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-color: #333333;
	text-decoration: underline;
	
}

.rss_item_new {
		font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-color: #333333;
	text-decoration: none;
	
}


.rss_title_new {
	margin-left: 20px;
	font-family:Arial;
		font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-color: #333333;
	text-decoration: underline;
	background-image:none;	
	
}

a.rss_title_new {
	
	background-image:url(/se_halebop/images/pilar.gif);
	background-repeat: no-repeat;
	background-position: center left;
}


/* Popupinfolayer */
.popupInfoLeft
{
  position:absolute; 
  visibility:hidden;
  width:272px;
z-index:200;
}

.popupInfoLeft .top
{
  width:272px; 
  height:10px;
font-size:1px;
  background-image:url(/images/popuplefttop.png);
  background-repeat:no-repeat;
}

.popupInfoLeft .middle
{
  background-image:url(/images/popupleftmiddle.png); 
  color:#ffffff; 
  padding-left:11px; 
  padding-right:44px; 
  font-size:11px; 
  width:272px;
  background-repeat:no-repeat;

}

*html, .popupInfoLeft .middle
{
	width:272px;
	padding-right:44px;
}

.popupInfoLeft .bottom
{
  width:272px; 
  height:42px;
    background-repeat:no-repeat;
background-image:url(/images/popupleftbottom.png);
}


.popupInfoRight
{
  position:absolute; 
  visibility:hidden;
  width:272px;
z-index:200;
}

.popupInfoRight .top
{
  width:272px; 
  height:10px;
font-size:1px;
  background-image:url(/images/popuptop.png);
  background-repeat:no-repeat;
}

.popupInfoRight .middle
{
  background-image:url(/images/popupmiddle.png);
  color:#ffffff; 
  padding-left:11px; 
  padding-right:24px; 
  font-size:11px; 
  width:272px;
  background-repeat:no-repeat;
}

*html, .popupInfoLeft .middle
{
	width:272px;
	padding-right:44px;
}

.popupInfoRight .bottom
{
  width:272px; 
  height:42px;
  background-image:url(/images/popupbottom.png);
background-repeat:no-repeat;
}

.popupContent
{
	margin-left:5px;
	margin-right:30px;
}

a.colStyle {
       color: #FFFFFF;
}

#question-wrapper {
	width: 259px;
}

.question {
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	font-color: #333333;
}
.prodprice
{ 
	color: #83389B;
 	font-size:14px;
 	font-weight:bold;
 	background-color: #FF#54C;
 	padding: 2px;
}

/* Internet explorer 5.5-6 png-alpha fix Start */
.pngfix { behavior: url(/files/iepngfix.htc) }
/* Internet explorer 5.5-6 png-alpha fix Slut */

.paddingLeft{
    padding-left:5px;
}

/* TOPNAVIGATION Style START */
    ul.clean_ul {
        text-decoration:none;
        list-style-type:none;
        list-style-position:outside;
        list-style-image:none;
        margin:0;
        padding:0;
    }

    #top_nav_container {
        position:relative;
        width:960px;
        height:90px;
    }

     #top_nav_logo {
       /* position:absolute;*/
        margin-left:-30px;
        margin-top:10px;
    }

    #top_nav_menu_container {
        position:absolute;
        right:0;
        top:0;
    }

    #top_nav_menu_container ul {
        padding:9px 0 0 0;
        float:right;
    }

    #top_nav_menu_container ul li {
        float:left;
        padding-left:3px;        
    }
     
    #header_nav_container {
        position:relative;
        height:52px;
        margin-top:13px;
    }

    #header_suggestion {
        position:absolute;
        right:572px;
        text-align:left;   
    }

    #header_christmas {
        position:absolute;
        right:380px;
    }

    #header_nav {
        position:absolute;
        right:0;
        width:593px;
        padding-top:10px;
    }        

    #header_nav ul {
        padding:0;
    }
    #header_nav ul li {
        padding-left:21px;
    }
    
    #header_nav div {
        position:absolute;
        top:32px;
        right:0;
        text-align:right;
        font-size:12px;
        font-weight:bold;
    }

    #header_nav div a:hover {
        font-weight:bold;
    }

    #header_cart_links ul li {
        padding:0;
    }

    #header_cart_links ul li.cart_link_separator {
        border-left:1px solid #333333;
        margin-left:5px;
        padding-left:5px;        
    }
/* TOPNAVIGATION Style END */

/* BUTIK - LEFTMENU BOXES, START */
div.mecenatBoxContainer {
	width: 195px;
}

div.mecenatBoxContainer div.kampanjBox,
div.mecenatBoxContainer div.mecenatBox {
	padding-bottom:4px;
}

div.boxHeadingHolder {
	width:100%;
	padding-top: 2px;
	background-color: #ededed;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
}

div.boxContentHolder {
	margin-left: 3px;
}

div.boxTextInputHolder {
	padding-top:2px;
	padding-bottom:2px;
}

div.boxButtonHolder input.mecenatButton,
div.boxButtonHolder input.kampanjButton {
	/*background-image:url('/se_halebop/images/knappar/btn_ok.png');*/
	border-width: 0px;
	height:24px;
	width:38px;
}

div.boxTextInputHolder input {
	width: 170px;
}
/* BUTIK - LEFTMENU BOXES, END */

/* LOGGINRUTA TILL MITT HALEBOP */
div#mitthalebopleftbox
{
	width: 178px;
	padding-left:5px;
	padding-bottom:4px;
	margin-left: 0px;

}


div#mitthalebopleftbox h2
{
	padding-top: 10px;
	font-family: 'arial black', arial, helvetica, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align:left;
	text-transform:uppercase;
	color: #417630;
	margin-bottom: 2px;
}
div#mitthalebopleftbox p
{
font-size:10px;
margin-top: 3px;
}
div#mitthalebopleftbox .loginbutton
 {
	background-color: #e3e4e5;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	width:auto;
	font-family: 'arial black',arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	border-top:1px solid #c4c5c6;
    border-left:1px solid #c4c5c6;
	border-right:3px solid #848588;
	border-bottom:3px solid #848588;
	text-align:center;
	cursor: pointer;
	text-transform:uppercase;
	margin-top:3px;
}

/* INLOGGNING MITT HALEBOP - END */

/*TABLE STYLE**** with class=tablegreen*/

table.tablegreen
{
	width:535px;
	border: solid 1px #b2c59a;
}
table.tablegreen th
{
	
	border: solid 1px #b2c59a;
	padding: 3px;
	text-align:left;
	background-color:#b2c59a;

}
table.tablegreen td
{
	
	border: solid 1px #b2c59a;
	padding: 3px;
	text-align:center;
	
}

table.tablegreen tr
{
	
	background-color: #EFF2BA;
}

table.tablegreen td.underheadline
{
	text-align:left;
	background-color:#fff;
}
table.tablegreen td.lightgrey
{
	background-color:#f1f1f1;
}
/**END TABLESTYLE**/

#leftnavheader a
{
	color:#83389b;
	text-decoration:none;
}
#leftnavheader a:visited
{
	color:#83389b;
	text-decoration:none;
}