/*
Telia färger:

Mörk rosa:				#750235
Standard rosa:			#ca035b
Ljus rosa:				#ff6b9f
Lila:					#521948
Orange:					#FF6319
Grå:					#c3c3b5
Mörk grå:				#818177
Ljusare Grå:			#f3f3f0
*/


@charset "utf-8";
/* CSS Document */

a .box240x240 h2{/* to please IE8 in in IE7 compliance mode which is how IE8 renders the telia/foretag pages today (2011/03/21) */
	cursor:pointer;	
}
.box240x240{
width:240px;
height:240px;
margin:0 5px 5px 0;
padding:0;
display:block;
overflow:hidden;
position:relative;
float:left;
text-decoration:none;
}

div.box240x240Content p, div.box240x240Content p a, div.box240x240Content p a:visited, div.box240x240Content, div.box240x144Content {
	color:#333333; 
	text-decoration:none;
	margin:0px 0px 5px 0px; /*this margin declaration was placed just after the closing bracket and the css following it was not being rendered is this supposed to be anywhere here?*/
}


.box240x240Content{
	width:220px;
	height:220px;
	padding:10px;
	z-index:2;
/*	background-image:url(../graphics/box_img/box240x240Border.gif);*/
	position:absolute;
}

text-decoration: none;
/* -- The last box240x240 in a row needs to have no right-margin -- */
.noRightMargin{
margin-right:0;
}


/* --  --------------------------------------------------------  -- */
/* -- Place the image in box240x240, and place it behind the content -- */
.box240x240 img{
position:absolute;
z-index:1;
border:0;
}
/* --  --------------------------------------------------------  -- */

.campain {
padding:7px 0 0 0;
display:block;
color:#f68b00;
font-weight:bold;
}

.normalPrice{
display:block;
font-weight:bold;

padding:7px 0 0 0;
font-size:13px;
color:#111111; 
}

.campainPrice, .campaignPrice{
display:block;
color:#53534E;
font-weight:bold;
font-size:11px;
padding:7px 0 0 0;
}

/* -- This place the arrow symbol in the box -- */
/* -- [ behavior: url(iepngfix.htc)] <= This is a PNG-fix for IE 6 -- */
.box240x240 .linksymbol1{
background-image:url(../graphics/arrow1.png);
background-repeat:no-repeat;
width:19px;
height:19px;
z-index:4;

position:absolute;
right:9px;
bottom:9px;
cursor:pointer; /* to please IE8 in in IE7 compliance mode which is how IE8 renders the telia/foretag pages today 2011/03/21*/
behavior: url(iePngFix/iepngfix.htc)
}

.box240x240:hover{background:transparent url(/tse/img/backgrounds/Box_240x240_hover.png) no-repeat top left;}

/*--  Hover effect on the link symbol --*/
.box240x240:hover .linksymbol1{
background-image:url(../graphics/arrow1a.png);
behavior: url(iePngFix/iepngfix.htc)
}
/* -- -------------------------------------- -- */


.productListIntroduction
{
	margin-bottom:10px;
	clear:both;
/*	width:470px;  */ /* jaja10 */
}
.box240x240Content .campaignText{
	font-weight: bold;
	color: #FF6319;
}