/*  Sections
------------------------------------
* Generic styles
* Customer service styles
* Punktlista
* Erbjudanderuta
* Produktmeny
* Content tab menu
* Sections for content tab menu
* Kanalloggor
* Expander CSS
* Product list
* Infolist
* Ad-Type 01
* Ad-Type 02
* Xmas-header
* Popupinfo
* PNG-fix
* Popup header
------------------------------------*/






/* Generic styles
   -------------------------------------------------------------------------------------*/
h2 {
	font-family: inherit;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	margin: 1em 0 0;
}

h3 {
    font-family:inherit;
    font-size:11px;
    font-weight:bold;
    color:#666666;
    margin:1em 0 0;
}

h4 {
    font-family:inherit;
    font-size:12px;
    font-weight:normal;
    color:#666666;
    margin:1em 0 0;
}

h5, h6 {
    font-family:inherit;
    font-size:11px;
    font-weight:normal;
    color:#666666;
    margin:1em 0 0;
}

p {
	margin:0 0 15px;
}

p.abstract {
	font-weight:bold;
}

.mellanrubrikwhite
{
	font-family: inherit;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom : 13px;
}

.mellanrubrikred
{
	font-family: inherit;
	font-size: 13px;
	font-weight: bold;
	color: #CF0566;
	margin-bottom : 13px;
}

.orange {
	color:#F68B00;
}


/* Customer service styles
   -------------------------------------------------------------------------------------*/
.linkbox
{
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:10px;
	list-style-type:none;
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	background:#ECECE7;
	background-image:url(/images/linkboxFooter.png);
	background-repeat:no-repeat;
	background-position:bottom left
}

.linkbox a
{
	display:block;
	width:auto;
	height:100%;
	padding-left:15px;
	padding-top:2px;
	padding-bottom:2px;	
}

.linkbox a:link{color:#CF0566;}
.linkbox a:visited{color:#CF0566}
.linkbox a:hover{background:#818177; color:#FFFFFF}

.linkboxheader
{
	height:21px;
	padding-top:3px;
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	background-image:url(/images/linkboxHeader.png);
	background-repeat:no-repeat;
	text-indent:10px;
}

.linkboxcontainer
{
	width:366px;
	background:#ECECE7
}
 
 .linkboxnarrow
{
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:10px;
	list-style-type:none;
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	background:#ECECE7;
	background-image:url(/images/linkboxFooterNarrow.png);
	background-repeat:no-repeat;
	background-position:bottom left
}

.linkboxnarrow a
{
	display:block;
	width:auto;
	height:100%;
	padding-left:15px;
	padding-top:2px;
	padding-bottom:2px;	
}

.linkboxnarrow a:link{color:#CF0566;}
.linkboxnarrow a:visited{color:#CF0566}
.linkboxnarrow a:hover{background:#818177; color:#FFFFFF}

.linkboxheadernarrow
{
	height:21px;
	padding-top:3px;
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	background-image:url(/images/linkboxHeaderNarrow.png);
	background-repeat:no-repeat;
	text-indent:10px;
}

.linkboxcontainernarrow
{
	width:178px;
	background:#ECECE7
}

.listtype01
{
	margin:0px;
	list-style-type:none;
	font-family: verdana, arial, sans-serif;
	font-size:11px;
}

.listtype01 a
{
	display:block;
	width:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
}

.listtype01 a:link{color:#CF0566;}
.listtype01 a:visited{color:#CF0566}
.listtype01 a:hover{color:#FFFFFF; background:#C3C3B5}

.news
{
	font-family:verdana, arial, sans-serif;
	font-size:11px;
	color:#666666
}

a.news
{
	color:#666666;
	text-decoration:none;
}

a:hover.news
{
	color:#cf0566;
	text-decoration:underline;
}

.newsHeader
{
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
}
.newsHeader a:link	{text-decoration:none; color:#666666}
.newsHeader a:visited	{text-decoration:none; color:#666666}
.newsHeader a:active	{text-decoration:underline; color:#666666}
.newsHeader a:hover	{text-decoration:underline; color:#666666}

.newsSource
{
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #666666;
}



/* Punktlista
   -------------------------------------------------------------------------------------*/
.punktLista
{
	padding:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
}

.punktLista li
{
	display:block;
	vertical-align:middle;
	list-style:none;
	padding-left:7px;
	background-image:url(/img/punkt1.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
}

.punktLista ul 
{
	margin-left:10px;
	padding-left:0px;
}

.punktLista li li
{
	list-style:none;
	padding-left:7px;
	background-image:url(/img/punkt2.gif);
	background-repeat:no-repeat;
	
}



/* Erbjudanderuta
   -------------------------------------------------------------------------------------*/
.dotted-box
{
	background:url(/backgrounds/offerbox-bg.png) bottom no-repeat;
	border:0;
	margin:20px 0;
	overflow:auto;
	padding:0;
	width:366px;
	position:relative
}

.dotted-box h3 .linksymbol
{
	background:transparent url(/icons/arrow01-17x17.png) no-repeat scroll right bottom;
	border:medium none;
	bottom:10px;
	display:block;
	height:17px;
	margin:0;
	padding:0;
	position:absolute;
	right:15px;
	width:17px;
}

.dotted-box img
{
	border:0;
	float:right;
	margin:10px;
	padding:0;
}

.dotted-box h3
{
	background:url(/backgrounds/offerbox-bg.png) top no-repeat;
	border:0;
	color:#CF0566;
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:10px 10px 0 10px;
}

.dotted-box p
{
	border:0;
	font-size:11px;
	margin:0;
	padding:0 10px 10px 10px;
}

.dotted-box ul
{
	border:0;
	margin:0;
	padding:0;
}

.dotted-box ul li
{
	border:0;
	list-style:disc outside;
	margin:0 0 0 3em;
	padding:0;
}

.dotted-box.xmas {
	background-image:url(/backgrounds/offerbox-bg-xmas.png);
}

.dotted-box.xmas img {
	margin:20px 20px 20px 10px;
}

.dotted-box.xmas h3 {
	background-image:url(/backgrounds/offerbox-bg-xmas.png);
	padding:20px 10px 0 20px;
}

.dotted-box.xmas p {
	padding:0 10px 32px 20px;
}

/* Produktmeny
   -------------------------------------------------------------------------------------*/
#productmenu
{
	clear:right;
}

#productmenu ul
{
	background-image:url(/images/productmenubg.gif);
	background-repeat:repeat-x;
	font-family:verdana, arial, sans-serif;
	font-size:11px;
	float:left;
	margin-bottom:10px;
	margin-left:0px;
	margin-top:10px;
	padding-left:0px;
	width:100%;
}

#productmenu ul li
{
	display:inline;
}

#productmenu ul li a
{
	border-bottom:1px solid #818177;
	border-left:1px solid #818177;
	border-right:1px solid #FFFFFF;
	border-top:1px solid #C3C3B5;
	color:#FFFFFF;
	cursor:pointer;
	float:left;
	padding:5px;
	text-decoration:none;
}

#productmenu ul li a:hover
{
	background-image:url(/images/productmenuselectedbg.gif);
	background-repeat:repeat-x;
	border-bottom:1px solid #C3C3B5;
	border-left:1px solid #C3C3B5;
	border-top:1px solid #C3C3B5;
	color:#666666;
}

#productmenu li a.active
{
	background-image:url(/images/productmenuselectedbg.gif);
	background-repeat:repeat-x;
	border-bottom:1px solid #C3C3B5;
	border-left:1px solid #C3C3B5;
	border-top:1px solid #C3C3B5;
	color:#666666;
}

.productInfo
{
	display:block;
}

.productInfoHidden
{
	display:none;
}

.produktbild
{
	float:right;
	margin:0px 0px 10px 10px;
}



/* Content tab menu
   -------------------------------------------------------------------------------------*/
ul.contentMenu {
	background:#FFF url(/img/dotGrey01.png) left bottom repeat-x;
	font-size:11px;
	list-style-type:none;
	margin:20px 0;
	overflow:auto;
	padding:0;
	width:100%;
}

ul.contentMenu li {
	background:#F3F3ED url(/include/conv/img_1.4/page/mobile-tab-left.png) no-repeat left top; 
	border-bottom:1px solid #C3C3B5;
	display:inline;
	float:left;
	margin:0 2px 0 0;
	padding:0;
/*	width:auto;*/
}

ul.contentMenu li a {
	background:url(/include/conv/img_1.4/page/mobile-tab-right.png) no-repeat right top;
	color:#666;
	display:block;
	font-weight:bold;
	margin:0;
	outline:none;
	padding:5px 10px 9px 10px;
	text-decoration:none;
}

ul.contentMenu li a:hover {
	color:#CF0566;
	text-decoration:none;
}

ul.contentMenu li a:visited {
	color:#666666;
	text-decoration:none;
}

ul.contentMenu li.current {
	background-position:left -200px;
	border-bottom:1px solid #FFF;
}


ul.contentMenu li.current a {
	background-position:right -200px;
	color: #CF0566;
}



/* Sections for content tab menu
   -------------------------------------------------------------------------------------*/
div.contentSection
{
	display:none;
}

div.contentSection.current
{
	display:block;
}

.contentSection h2
{
	color:#CF0566;
	font-size:13px;
	font-weight:bold;
}

.contentSection h3
{
	color:#666666;
	font-size:11px;
	font-weight:bold;
	margin-bottom:0;
}

.contentSection p
{
    margin-top:0;
}



/* Kanalloggor
   -------------------------------------------------------------------------------------*/

.kanalloggor
{
	clear:both;
	display:inline-block;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
}

.kanalloggor .logga
{
	float:left;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:0px;
	margin-top:0px;
	width:60px;
}

.kanalloggor .logga h3
{
	margin:2px 0px 0px 0px;
	font-family:inherit;
	font-size:11px;
	font-weight:normal;
	text-align:center;
}

.kanalloggor .start
{
	margin-left:0px;
}

.ol-upper-alpha
{
	list-style:none;
}

.ol-upper-alpha li
{
	list-style:upper-alpha;
}



/* Expander CSS
   -------------------------------------------------------------------------------------*/
.contentArea
{
 	border:1px solid #d9d9d9;
 	margin-bottom:5px;
}

.contentArea .blockAnchor
{
	font-weight:bold;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	background-image:url(/images/imgPlus.gif);
	background-repeat:no-repeat;
	background-position:5px 4px;
}

.contentArea .blockAnchorExpanded
{
	font-weight:bold;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	background-image:url(/images/imgMinus.gif);
	background-repeat:no-repeat;
	background-position:5px 4px;
}

.contentArea .blockAnchor:hover
{
	text-decoration:none;
}

.contentArea p
{
	margin-top:10px;
	margin-bottom:10px;
}

.contentArea ul
{
	margin-left:23px;
	padding-left:0px;
	margin-top:4px;
	margin-bottom:10px;
}

.contentArea li
{
	margin-left:0px;
	padding-left:0px;
	list-style-type:decimal;
}

.contentArea .innerContent
{
	padding:0px 12px 5px 12px;
	line-height:16px;
	display:none;
}



/* Product list
   -------------------------------------------------------------------------------------*/
.productlist
{
	border:none;
	clear:both;
	list-style:none;
	margin:0;
	padding:0;
	width:554px;
}

.productlist .product
{
	background:url(/backgrounds/productlist-bg.png) no-repeat left;
	border:none;
	float:left;
	list-style:none;
	margin:0 0 10px 10px;
	height:140px;
	overflow:hidden;
	padding:0;
	position:relative;
	width:272px;
}

.productlist li:hover
{
	background-position:right;
}

.productlist .left
{
	margin-left:0;
}

.productlist .product h3
{
	border:none;
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:10px 5px 5px 75px;
}

.productlist .product .illustration
{
	border:none;
	bottom:0;
	margin:0;
	padding:0;
	position:absolute;
	text-align:center;
	width:75px;
}

.productlist .product .usp
{
	border:none;
	font-size:11px;
	font-weight:normal;
	list-style:none;
	margin:0;
	padding:0 5px 0 75px;
}

.productlist .product .usp li
{
	background:url(/images/listBullet-4x4.gif) no-repeat left 5px;
	list-style:none;
	margin:0;
	padding-left:8px;
}

.productlist .product .abstract
{
	border:none;
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:0 5px 0 75px;
}

.productlist .product .pricetag
{
	background:url(/backgrounds/productlist-pricetag-bg-top.png) no-repeat top;
	border:0;
	bottom:5px;
	margin:0;
	padding:4px 0 0 0;
	position:absolute;
	right:5px;
	width:192px;
}

.productlist .product .pricetag .priceInfo
{
	background:url(/backgrounds/productlist-pricetag-bg-bottom.png) no-repeat bottom;
	border:none;
	height:24px;
	line-height:18px;
	margin:0;
	padding:0px 4px;
}

.productlist .product .pricetag .priceInfo .prefix
{
	font-size:11px;
	font-weight:bold;
	margin-right:0.2em;
}

.productlist .product .pricetag .priceInfo .price
{
	color:#CF0566;
	font-size:13px;
	font-weight:bold;
	margin-right:0.2em;
}

.productlist .product .pricetag .priceInfo .suffix
{
	color:#CF0566;
	font-size:11px;
	font-weight:bold;
}

.productlist .product .pricetag .orderButton
{
	border:none;
	margin:0;
	padding:0;
	position:absolute;
	right:4px;
	top:4px;
}

.productlist .product .pricetag .orderButton a
{
	background:url(/img/buttons/btnSprite-more.png) no-repeat left top;
	border:none;
	display:block;
	height:19px;
	margin:0;
	overflow:hidden;
	padding:0;
	text-indent:-9999px;
	width:59px;
}

.productlist .product .pricetag .orderButton a:hover
{
	background-position:bottom;
}



/* Infolist
   -------------------------------------------------------------------------------------*/
.infolist
{
	border:none;
	clear:both;
	list-style:none;
	margin:0;
	padding:0;
	width:554px;
}

.infolist .ad
{
	background:url(/backgrounds/infolist-bg.png) no-repeat top left;
	border:none;
	float:left;
	list-style:none;
	margin:0 0 10px 10px;
	height:100px;
	overflow:hidden;
	padding:0;
	position:relative;
	width:178px;
}

.infolist .left
{
	margin-left:0;
}

.infolist h3
{
	border:none;
	color:#CF0566;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:10px 10px 5px 10px;
}

.infolist h3 a:link
{
	color:#CF0566;
	text-decoration:none;
}

.infolist h3 a:visited
{
	color:#CF0566;
	text-decoration:none;
}

.infolist h3 a:hover
{
	color:#F68B00;
	text-decoration:underline;
}

.infolist .abstract
{
	border:none;
	color:#666666;
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:0 10px 10px 10px;
}

.infolist .abstract a:link
{
	color:#666666;
	text-decoration:none;
}

.infolist .abstract a:visited
{
	color:#666666;
	text-decoration:none;
}

.infolist .abstract a:hover
{
	text-decoration:underline;
}

.infolist .more
{
	border:none;
	bottom:5px;
	margin:0;
	padding:0;
	position:absolute;
	right:5px;
}

.infolist .more a
{
	background:url(/img/buttons/red-arrow.gif) no-repeat;
	border:none;
	display:block;
	height:17px;
	margin:0;
	overflow:hidden;
	padding:0;
	text-indent:-9999px;
	width:17px;
}

/* Ad-Type 01
   ------------------------------------------------------------------------------- */
.adType01 {
	background:url(/backgrounds/adType01Generic.png) bottom left no-repeat;
	border:none;
	margin:10px 0;
	overflow:auto;
	padding:0;
	position:relative;
	width:178px;
}

.adType01 h2 {
	background:url(/backgrounds/adType01Generic.png) top left no-repeat;
	border:none;
	color:#CF0566;
	font-size:12px;
	font-weight:bold;
	margin:0 0 0.5em;
	padding:10px 10px 0;
}

.adType01 h2 a:link, .adType01 h2 a:visited {
	color:#CF0566;
}

.adType01 h2 a:hover {
	color:#F68B00;
}

.adType01 h2 a .linksymbol {
	background:url(/icons/arrow01-17x17.png) bottom right no-repeat;
	border:none;
	bottom:10px;
	display:block;
	height:17px;
	margin:0;
	padding:0;
	position:absolute;
	right:10px;
	width:17px;
}

.adType01 .illustration {
	border:none;
	margin:0 10px 0.5em;
	padding:0;
}

.adType01 .illustration.inline {
	border:none;
	float:left;
	margin:0 0.5em 0.5em 10px;
	padding:0;
}

.adType01 p {
	border:none;
	color:#666;
	font-size:11px;
	font-weight:normal;
	margin:0 10px 10px;
	padding:0 0 27px 0;
}

/* Ad-Type 02
   ------------------------------------------------------------------------------- */
.adType02 {
	background:url(/backgrounds/adType01Generic.png) bottom left no-repeat;
	border:none;
	margin:10px 0;
	overflow:auto;
	padding:0;
	position:relative;
	width:178px;
}

.adType02 a {
	outline:none;
}

.adType02 h2 {
	background:url(/backgrounds/adType01Generic.png) top left no-repeat;
	border:none;
	color:#CF0566;
	font-size:12px;
	font-weight:bold;
	margin:0 0 0.3em;
	padding:10px 10px 0;
}

.adType02 h2 a:link, .adType02 h2 a:visited {
	color:#CF0566;
}

.adType02 h2 a:hover {
	color:#F68B00;
}

.adType02 p {
	border:none;
	color:#666;
	font-size:11px;
	font-weight:normal;
	margin:0 10px 10px;
	padding:0;
}

.adType02 .illustration {
	border:none;
	margin:0;
	padding:0;
}

/* Xmas-header
   -------------------------------------------------------------------------------------*/
.xmas-header
{
	background:url(/backgrounds/h1-jul-bg.png) top left no-repeat;
	border:0;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	font-family:Verdana, Arial, sans-serif;
	height:88px;
	margin:0 0 20px 0;
	padding:30px 0 0 35px;
	position:relative;
}

.xmas-header .sub-header
{
	display:block;
	position:absolute;
	top:45px ;
	left:315px;
	font-size:16px;
	margin:0;
	padding:0;
	border:0;
}



/* Popupinfo
   -------------------------------------------------------------------------------------*/
.popupInfo
{
text-decoration:none;
}

a.popupInfo 
{
	color:#cf0566;
	display:inline-block;
	text-decoration:none;
}
a:hover.popupInfo
{
text-decoration:none;
}

a:visited.popupInfo
{
text-decoration:none;
}



/* Internet explorer 5.5-6 png-alpha fix
cabo02: Added underscore hack to not penalize IE7+ users
   -------------------------------------------------------------------------------------*/
.pngfix
{
	_behavior: url(/include/iepngfix.htc)
}



/* Popup header
   -------------------------------------------------------------------------------------*/
#header_popup
{
	height:23px;
	background-image:url('/img/header/tab_popup_bg.png');
	background-repeat:repeat-x;
}