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

/*
Telia färger:

Mörk rosa:				#750235
Standard rosa:			#cf0566
Ljus rosa:				#ff6b9f
Lila:					#521948
Orange:				#f68c1f // webbsäker variant för #F68B00
Grå:					#c3c3b5
Mörk grå:				#818177
Ljusare Grå:			#f3f3ee


*/

/* ---- Loading the tabs ---- */
/*@import url('tabs.css');*/ 
@import url('tableDesign.css');
@import url('fileExtensions.css');
/* -------------------------- */


.productPageDescriptionContainer a, .tabContentLeft a, .tabContentRight a {
/*	color:#652D86; */
	text-decoration: none;
	padding-bottom:4px;
	}
	
/*	
.productPageDescriptionContainer a:visited,.tabContentLeft a:visited, .tabContentRight a:visited {
	color:#652D86; 
	}
*/	

.relatedInformation a {
	text-decoration: none;
}
	
/*		
.productPageDescriptionContainer a:hover, .tabContentLeft a:visited, .tabContentRight a:visited {
color:#B887D4;
	}
 */ /* jaja10: 2011-03-17 */


/* ----  List items on productpage ---- */

/* .pageContentContainer {
		margin:2px 0 14px 25px;
	} */
	
	
/* ---- /List items on productpage ---- */

/* -- productPageDescriptionContainer -- */
.productPageDescriptionContainer{
	width:415px;
	margin-right:20px;
	float:left;
	}
.productPageDescriptionContainer .campaignText  {
	color: #FF6319;
	font-weight:bold;
}
.buttonRowContainer	{
	text-align:right;
	float:right;
	display:block;
	margin:7px 0 0 0;
	padding:0;
	}
	
.line
	{
	height:1px;
	font-size:0px;
	border:0px;
	background-color:#ffffff;
	color:#ff00ff;
	background-image:url(../graphics/horizontal_dotted_line.gif);
	margin-bottom:10px;
	margin-top:10px;
	}
	
.variantsContainer	{
	margin-bottom:10px;
	margin-top:10px;
}

.variantsContainer div{
	clear:both;
}

.variantsContainer input, select {
	display: block;
	margin-left: 95px;	
	/*	margin-top:1px; 
	font-size:11px; */    /* jaja10: 2011-03-21 */
	}
	
.variantsContainer label {
	display:block;
	float: left; 
	line-height:20px; 
	margin-right: 5px;
/*	width:100px;  */ /* jaja10: 2011-03-21 */
	}

.radioSelectContainer input{		
	display:inline;
	clear:left;
	}

.radioSelectContainer label{		
	display:inline;
	clear:right;
	width:350px;
	}
	
.adaptiveOrderFlowContainer .priceContainer{
	/*
	margin:2px 0;
	padding: 0 4px;
	display:block;
	*/
	}
	
.adaptiveOrderFlowContainer .priceContainer div {
	display:inline;
/*	font:Verdana, Arial, Helvetica, sans-serif; */  /* jaja10: 2011-03-21 */
/*	color:#666; */
	font-size:15px;
/*	padding-right:3px; */
	}
	
.adaptiveOrderFlowContainer .pricePrefix{
/*	font-weight:bold;  */  /* jaja10: 2011-03-21 */
	}
	
.adaptiveOrderFlowContainer .price{
/*	font-weight:bold;  */  /* jaja10: 2011-03-21 */
	}
	
.adaptiveOrderFlowContainer .priceSuffix{
/*	font-weight:bold;   */    /* jaja10: 2011-03-21 */
	clear:right; 
	}

/*	
.adaptiveOrderFlowContainer .priceCondition	{
	font-style:italic; 
	margin:0;
	font-size:10px;
	padding: 0 4px;
	}  */ /* jaja10:  2011-03-17 */

.priceCondition{
	font-style:italic;
	padding-bottom:10px;
}


.adaptiveOrderFlow .offerCondition{
	float:left;
}


/* -- order information -- */
.noneAdaptiveContainer{
	padding:10px 0 0 0;
	width:425px;
	height:25px;
	display:block;
	}
	
.noneAdaptiveContainer label{
	font-size:11px;
	float:left;
	}
	
#amount{
	width:25px;
	height:14px;
	font-size:11px;
	color:#666;
	text-align:right;
	padding:1px 2px 0 0;
	margin:0 0 0 5px;
	float:left;
	}

.orderButton{
	float:left;
	margin:0 0 0 10px;
	}
/* -- /order information -- */
/* -- /productPageDescriptionContainer -- */

/* -- productPageImageContainer - 305px  -- */
.productPageImageContainer{
	float:left;
	width:305px;
	overflow:hidden;
	}
.smallImageContainer{
	width:45px;
	min-height:45px;
	overflow:hidden;
	margin:0 10px 0 0;
	float:left;
	}
	/* -- padding under small image  -- */
.smallImageContainer img{
	padding-bottom:5px;
	}
	/* -- /padding under small image  -- */
	
.bigImageContainer{
	width:240px;
	height:260px;
	overflow:hidden;
	float:left;
	}
/* -- /productPageImageContainer - 250px  -- */


/* -- tabs -- */
/* -- The tabs are configured in tabs.css -- */   /* 2011-03-11: jaja10 */
#tabContainer{
	}
	/* -- /tabs -- */
	
	/* -- Content below tabs --*/
	/* -- tabContentLeft -- */
.tabContentLeft{
	float:left;
	overflow:hidden;
/*	border-right:solid 1px #F2F2EC; */  /*  2011-03-11: jaja10 */
	padding:5px 10px 10px 10px;  
	margin-bottom: 10px;  /*  2011-03-15: jaja10 */
	}
	
	
.tabContentLeft a {
/*	color:#cf0566; */
	text-decoration:underline;
	}
	
.tabContentLeft a:visited {
/*	color:#521948; */
}
	
.tabContentLeft a:hover {
/*	color:#f68c1f; */
}
		
.tabContentLeft itemContainer{
	 width:100%px;
	 clear:both;
}

/*	
.tabContentLeft p{
 width:380px;
	 clear:both;  
}
*/

.box380 {
	 width:380px;
	 display:block;
	 }
	
/*li {
	margin-top:8px;
	margin-bottom:8px;
	}*/



.tabContentLeft .itemContainer dl{
	 margin:0;
	 padding:0;
	 font-weight:bold;
	 font-size:11px;
	 color:#cf0566;
	 display:block;
	}

.tabContentLeft .itemContainer dl dd{
	 width:75px; 
	 height:75px; 
	 vertical-align:top; 
	 float:left;
	 clear:left;
	 display:block;
	 margin:10px 0 0 0;
	}

.tabContentLeft .itemContainer dl dd img{
	border:none;
	}
	
.tabContentLeft .itemContainer dl dt{
	 width:380px;
	 padding:0;
	 float:left;
	 font-weight:normal;
	 color:#666;
	 margin:10px 0 0 10px;
	}

.tabContentLeft .itemContainer dl dt a{
	color:#666;
	text-decoration:none;
	}

.tabContentLeft .itemContainer dl dt a:hover{
	color:#f68c1f;
	}
	
.tabContentLeft .itemContainer dl dt a:hover{
	 text-decoration:none;
	}
	
.tabContentLeft .itemContainer dl dt p{
	 line-height:13px;
	 margin:5px 0;
	 padding:0;
	}
	
.sectionOrder, .sectionDescription, .sectionPriceinformation, .sectionOptions, .sectionAccessories, .sectionFaq,
.sectionTechnical, .sectionPrecondition, .sectionConditions, .sectionUserSupport, .sectionDynamicTab1, .sectionDynamicTab2, .sectionDynamicTab3 
	{
	display:none;
	}
	

/* -- /tabContentLeft -- */

/* -- tabContentRight -- */
.tabContentRight{
	width:210px; /* 2011-03-25, jaja10  */
	float:left; 
	overflow:hidden;
	padding:0 10px;
	
	/* Move "tabContentRight" 1px to the left, this overlay tabContentLeft's right-border  */
	position:relative; 
	left:-1px;
	}

.tabContentRight a {
/*	color:#652D86; */
	text-decoration: none;
	display:block;
	padding-bottom:4px;
	}
	
.tabContentRight a:visited {
/*	color:#652D86; */
	}

.tabContentRight a:hover {
/*	color:#B887D4; */
	}
	
.dottedLine	{
	height:1px;
	width:100%;
	border-bottom:#afafad 1px dotted;  
	display:block;
	margin-bottom:7px;
}

.tabContentRight .sectionDownloads{
	margin-bottom:15px;}
/* -- /tabContentRight -- */

/* ------------------------------ nonAdaptiveOrderFlow --------- */
.noneAdaptiveContainer{
	display:inline;
}
.noneAdaptiveContainer .{
	display:inline;
}

/* ------------------------------ /nonAdaptiveOrderFlow --------- */



/* ------------------------------ adaptiveOrderFlow --------- */

.adaptiveOrderFlowContainer{
	padding:0;
	margin:0;

}

.adaptiveOrderFlowContainer table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}

.adaptiveOrderFlowContainer td, .adaptiveOrderFlowContainer th {
	padding:2px;
}

.adaptiveOrderFlowContainer tbody th {
	font-weight: normal;
}

.adaptiveOrderFlowContainer tbody tr		{
/*	background-color:#FFF; */   /* jaja10: 2011-03-11 */
	text-align:left;
	}

.adaptiveOrderFlowContainer tbody tr.odd 	{
	background: #f9f9f9;

}

.adaptiveOrderFlowContainer tbody th a:hover{
	color:#FF8601;
	}

.adaptiveOrderFlowContainer tbody tr td { 
/*	background:#FFF; */  /* jaja10: 2011-03-11 */
	padding:2px;
	
	}

.adaptiveOrderFlowContainer table td a:link, .tableStyle1 table td a:visited {
	text-decoration: none;
}

.adaptiveOrderFlowContainer table td a:hover {
	color:#666;
	text-decoration: none;
}

.adaptiveOrderFlowContainer tfoot td,
.adaptiveOrderFlowContainer tfoot th{
	border:none;
	color:#666;
	background-color:#fff;
	text-align:left;
	border-collapse:collapse;
	vertical-align:top;
}

.adaptiveOrderFlowContainer .tdRubrik{
	font-weight:bold;
	color:#652D86;
	border-bottom:#c1c1bc 1px solid;
	padding-top:10px;
}

.adaptiveOrderFlowContainer .tdRubrik2{
	font-weight:bold;
	color:#666;
	text-align:right;
}

.adaptiveOrderFlowContainer .tdRubrik3{
	font-weight:bold;
	color:#666;
}

.adaptiveOrderFlowContainer .priceCol{
	font-weight:bold;
	color:#666;
	text-align:right;
	padding-right:2px;
}
.adaptiveOrderFlowContainer td img{
	padding:0 2px;
}

.adaptiveOrderFlowContainer tr.darkrow td{
	background-color:#f8f8f6;
}

.adaptiveFlowLine{
	border-top:dotted 1px #CDCDCD;
	height:4px;
	display:block;
	width:auto;
}

.adaptiveFlowMoreInfoImg {
	float:left;
	padding:5px 5px 5px 0;
	width:70px;
}

.adaptiveFlowMoreInfoText {
	float:left;
	width:270px;
}

.adaptiveFlowSumContainer{
	float:right;
	clear:both;
	margin:7px 0 0 0;
}

.adaptiveFlowSumContainer .tdRubrik3{

	font-size:12px;
	font-weight:bold;
}
.closeAdaptiveFlow{
	width:398px;
	display:block;
	text-align:right;
	position:relative;
	top:-2px;
	}
	
.adaptiveOrderFlow {
	width:415px;

	}

.adaptiveOrderFlowTopBorder {
	height:6px;
	width:415px;
	display:block;
/*	background:url(../graphics/adaptiveFlowBroderSprite.gif) no-repeat;  */   /* jaja10 : 2011-03-10 */
	margin:15px 0 0 0;
	}

.adaptiveOrderFlowBottomBorder {
	height:6px;
	width:415px;
/*	background:url(../graphics/adaptiveFlowBroderSprite.gif) no-repeat  0px -34px;  */   /* jaja10 : 2011-03-10 */
	display:block;
	margin:0 0 7px 0;
	float:left;
	}

.adaptiveOrderFlowContainer{
	width:403px;
/*	border-left:1px solid #dedece;
	border-right:1px solid #dedece;  */  /* jaja10 : 2011-03-10 */ 
/*	padding:5px;*/ /* toli71: 2011-03-21 */
	float:left;
	}
		
.orderCondition{
	text-align:left;
	font-size:11px;
	
	}
	
/* ----------------------------- /adaptiveOrderFlow --------- */



/* -- Styling of a Table in .sectionTechnical -- */
.sectionTechnical td, .sectionTechnical th {
	padding:3px;
}

.sectionTechnical th {
	font-weight:bold;
	text-align:left;
	background:#F2F2EC;
	border-bottom:solid #DEDECE 2px;
}
	
.sectionTechnical tr.darkrow td{
	background:#F2F2EC;
}
	
.sectionTechnical table {
	margin:0 0 15px 0;
}
	
	
.tableCompare, .tableCompare td{
     border:1px #f2f2ec solid;
}
	 
.tableCompare .heading1{
     background-color:#5e2154;
     color:#FFFFFF;
     font-weight:bold;
     font-size:11px;
}

.tableCompare .heading2{
     background-color:#cf0566;
     color:#fff;
     font-weight:bold;
}

	
/* -- /Styling of a Table -- */
	
	
/* -- tabContentRight -- */
.tabContentRight .itemContainer{
	 width:230px;
	 clear:both;
}
	
	.tabContentRight .itemContainer dl{
	 margin:0;
	 padding:0;
	 font-weight:bold;
	 font-size:11px;
	 color:#cf0566;
	 display:block;
	}

	.tabContentRight .itemContainer dl dd{
	 width:40px; 
	 height:40px; 
	 vertical-align:top; 
	 float:left;
	 clear:left;
	 display:block;
	 margin:10px 0 0 0;
	}

	.tabContentRight .itemContainer dl dd img{
	border:none;
	}
	
	.tabContentRight .itemContainer dl dt{
	 width:170px;
	 padding:0;
	 float:left;
	 font-weight:normal;
	 font-size:10px;
	 color:#666;
	 margin:10px 0 0 10px;
	}
	
	.tabContentRight .itemContainer dl dt a{
	color:#666;
	font-weight:bold;
	text-decoration:none;
	}
	.tabContentRight .itemContainer dl dt a:hover{
	color:#cf0566;
	}
	
.tabContentRight .itemContainer dl dt a:hover{
	 text-decoration:none;
	}

.tabContentRight .itemContainer dl dt p{
	 line-height:13px;
	 margin:5px 0;
	 padding:0;
}
	
.tabContentRight .price{
	display:block;
}

/* -- tabContentRight -- */

.tstsAdaptiveContentBlock span select {
	display: inline;
	margin-left: 0;
}

/* -- Content below tabs --*/