/*******************************************************************************************
				Generic styles
*******************************************************************************************/
ul, ol
{
	margin:0;
	padding:0;
	list-style-type:disc;
	list-style-position:outside;
}

ul li
{
	list-style-type:disc;
	margin-left:25px;
}

ol li
{
	list-style-type:decimal;
	margin-left:25px;
	margin-bottom:10px;
}


/*******************************************************************************************
				Product page styles
				Rev 2010-05-21 14:59 osha00 (edit of ul.spot)
				Rev 2010-05-21 15:48 osha00 (edit on row 657)
*******************************************************************************************/
.intro
{
	position:relative;
	margin:0;
	padding:0;
	border:0;
}

.product-image
{
	float:right;
	margin:0 0 0 5px;
}

.image-viewer
{
	border:none;
	float:right;
	margin:0 0 0 5px;
	padding:0;
	position:relative;
}

.image-viewer #product-image
{
	border:none;
	margin:0 30px 45px 0;
	padding:0;
}

.image-viewer img
{
	border:none;
	margin:0;
	padding:0;
}

.image-viewer ul
{
	border:none;
	list-style:none;
	margin:0;
	padding:0;
}

.image-viewer ul li
{
	border:none;
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

.image-viewer ul li a
{
	border:#FFFFFF solid 1px;
	display:block;
	margin:0;
	padding:0;
}

.image-viewer ul li .selected
{
	border-color:#818177;
}

.image-viewer ul li a:hover
{
	border-color:#F68B00;
}

.image-viewer #image-set
{
	bottom:0;
	left:0;
	position:absolute;
}

.image-viewer #image-set li
{
	float:left;
}

.image-viewer #color-picker
{
	position:absolute;
	right:0;
	top:0;
}

.pricetag
{
	background-image:url(/backgrounds/pricetag-background.png);
	background-repeat:no-repeat;
	height:31px;
	width:354px;
	margin:20px 0;
	padding:0;
	border:0;
	position:relative;
}

.pricetag .price-info
{
	position:absolute;
	top:6px;
	margin:0;
	padding:0;
	border:0;
}

.pricetag .prefix
{
	color:#666666;
	font-size:11px;
	font-weight:bold;
	margin:0 5px 0 10px;
	padding:0;
}

.pricetag .price
{
	color:#CF0566;
	font-size:15px;
	font-weight:normal;
	margin:0 5px 0 0;
	padding:0;
}

.pricetag .suffix
{
	color:#CF0566;
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0;
}

.pricetag .order-button
{
	position:absolute;
	top:6px;
	right:10px;
	margin:0;
	padding:0;
	border:0;
}

.pricetag .order-button a
{
	background-color:#FF0000;
	background:url(/img/buttons/order-sprite.gif) no-repeat top left;
	display:block;
	height:19px;
	width:59px;
	margin:0;
	padding:0;
	border:0;
	text-indent:-9999px;
	overflow:hidden;
}

.pricetag .order-button a:hover
{
	background-position:bottom;
}

.orderblock
{
	width:541px;
	margin:0;
	padding:0;
	border:0;
	display:none;
	position:absolute;
	top:25px;
	left:6px;
	z-index:50;
}

.orderblock .header
{
	background-image:url(/backgrounds/orderbox-bg-top.png);
	background-position:top left;
	background-repeat:no-repeat;
	behavior:url(/include/conv/js/iepngfix.htc);
	min-height:30px;
	margin:0;
	padding:0;
	border:0;
}

.orderblock .header h4
{
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:5px 50px 5px 10px;
}

.orderblock .header .close-button
{
	position:absolute;
	top:5px;
	right:20px;
	margin:0;
	padding:0;
	border:0;
}

.orderblock .header .close-button a
{
	display:block;
	background-image:url(/images/closecross.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:15px;
	width:15px;
	margin:0;
	padding:0;
	border:0;
	text-indent:-9999px;
	overflow:hidden;
}

.orderblock .options
{
	margin:0;
	padding:0;
	border:0;
}

.orderblock .options ul
{
	background-image:url(/backgrounds/orderbox-bg.png);
	background-repeat:repeat-y;
	behavior:url(/include/conv/js/iepngfix.htc);
	list-style:none;
	width:541px;
	margin:0;
	padding:0;
	border:0;
}

.orderblock .options ul li
{
	background:#FFFFFF;
	margin:0 20px 0 10px;
	padding:0 10px 10px 10px;
}

.orderblock .options ul .first-item
{
	padding-top:10px;
}

.orderblock .options ul li a
{
	display:block;
	background-image:url(/img/buttons/order-sprite.gif);
	background-position:top right;
	background-repeat:no-repeat;
	color:#666666;
	height:19px;
	text-decoration:none;
	margin:0;
	padding:0;
	border:0;
}

.orderblock .options ul li a:link{color:#666666}
.orderblock .options ul li a:visited{color:#666666;}
.orderblock .options ul li a:hover
{
	background-color:#ECECE7;
	background-position:bottom right;
	color:#CF0566;
	text-decoration:underline;
}

.orderblock .footer
{
	background-image:url(/backgrounds/orderbox-bg-bottom.png);
	background-repeat:no-repeat;
	behavior:url(/include/conv/js/iepngfix.htc);
	height:30px;
	margin:0;
	padding:0;
	border:0;
}

#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 h2
{
	color:#CF0566;
	font-size:13px;
	font-weight:bold;
}

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

.link-list ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}

.link-list ul li
{
	list-style-type:none;
	margin:5px 0;
	padding:0;
}



/***********************************************/
/* START - STYLES FOR CONTENT IN A WIDE COLUMN */
/***********************************************/

.widecolumn
{
	clear:both;
	margin:0;
	padding:0;
	position:relative;
}

.widecolumn img
{
	float:right;
	margin:0 0 10px 10px;
	padding:0;
	border:0;
}

.widecolumn h3
{
	margin:0;
	padding:0;
}

.widecolumn p
{
	margin:0;
	padding:0;
}

/***********************************************/
/* END - STYLES FOR CONTENT IN A WIDE COLUMN */
/***********************************************/



/*********************************************/
/* START - STYLES FOR CONTENT IN TWO COLUMNS */
/*********************************************/

.twocolumns
{
	clear:both;
	margin:0;
	padding:0;
	position:relative;
}

.twocolumns .column
{
	float:left;
	width:50%;
	margin:0;
	padding:0;
	border:0;
}

.twocolumns .left img
{
	float:left;
	margin:0 10px 0 0;
	padding:0;
	border:0;
}

.twocolumns .left h3
{
	margin:0 20px 0 0;
	padding:0;
}

.twocolumns .left p
{
	margin:0 20px 0 0;
	padding:0;
}

.twocolumns .right img
{
	float:left;
	margin:0 10px 0 20px;
	padding:0;
	border:0;
}

.twocolumns .right h3
{
	margin:0 0 0 20px;
	padding:0;
}

.twocolumns .right p
{
	margin:0 0 0 20px;
	padding:0;
}

.twocolumns .greybg h3
{
	background:#ECECE7;
	margin-bottom:5px;
	padding:3px 5px;
}

.twocolumns .greybg p
{
	padding-left:5px;
}

.twocolumns .border
{
	background:url(/img/1x1px_grey.png) top right repeat-y;
}

/*******************************************/
/* END - STYLES FOR CONTENT IN TWO COLUMNS */
/*******************************************/



/***********************************************/
/* START - STYLES FOR CONTENT IN THREE COLUMNS */
/***********************************************/

.threecolumns
{
	clear:both;
	margin:0;
	padding:0;
	position:relative;
}

.threecolumns .column
{
	float:left;
	width:33.3%;
	margin:0;
	padding:0;
	border:0;
}

.threecolumns .left img
{
	float:right;
	margin:0 10px 0 10px;
	padding:0;
	border:0;
}

.threecolumns .left h3
{
	margin:0 10px 0 0;
	padding:0;
}

.threecolumns .left p
{
	margin:0 10px 0 0;
	padding:0;
}

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

.threecolumns .middle img
{
	float:right;
	margin:0 10px;
	padding:0;
	border:0;
}

.threecolumns .middle h3
{
	margin:0 10px;
	padding:0;
}

.threecolumns .middle p
{
	margin:0 10px;
	padding:0;
}

.threecolumns .middle ul
{
	margin:0 10px;
	padding:0;
}

.threecolumns .right img
{
	float:right;
	margin:0 0 0 10px;
	padding:0;
	border:0;
}

.threecolumns .right h3
{
	margin:0 0 0 10px;
	padding:0;
}

.threecolumns .right p
{
	margin:0 0 0 10px;
	padding:0;
}

.threecolumns .right ul
{
	margin:0 0 0 10px;
	padding:0;
}

.threecolumns .greybg h3
{
	background:#ECECE7;
	margin-bottom:5px;
	padding:3px 5px;
}

.threecolumns .greybg p
{
	padding-left:5px;
}

.threecolumns .border
{
	background:url(/img/1x1px_grey.png) top right repeat-y;
}

/*********************************************/
/* END - STYLES FOR CONTENT IN THREE COLUMNS */
/*********************************************/

.clear
{
	clear:both;
/*	margin:2em 0; removed 20100524 1547 due to to much space in header */
}

.right-column
{
	float:right;
	width:178px;
	margin:0 0 10px 10px;
	padding:0;
	border:0;
}

.award
{
	margin:10px 0;
	padding:0;
	border:0;
}

.award a
{
	background:url(/images/award-sveriges-nojdaste-kunder.gif) no-repeat top center;
	display:block;
	margin:0;
	padding:135px 5px 5px 5px;
	border:0;
}

/*************************************************************/
/* START - STYLES FOR PRODUCT LIST IN FULL PAGE WITH NO MENU */
/*************************************************************/
ul.spot
{
	position:relative;
	list-style-type:none;
	width:742px;
	margin:0;
	padding:0;
	overflow:auto;
}
ul.spot li
{
	list-style-type:none;
	float:left;
	width:722px;
	margin:10px 0px;
	padding:0 10px 0 0;
}
ul.spot li:hover
{
	background-color:#F7F7F4;
}
ul.spot .offer-img
{
	padding:0;
	border:0;
	width:93;
	height:93;
	float:left;
	margin-right:10px;
}
ul.spot h2
{
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	color:#666666;
	font-weight:bold;
	line-height:16px;
	margin-top:3px;
	_margin-top:2px;
}
ul.spot .ingress
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	margin:5px 0 0 0;
	_margin:5px 0 0 0;
	color:#666666;
}

ul.spot .orderinfo
{
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
	position:relative;
	margin:5px 0 0 0;
	_margin:5px 0 0 0;
	color:#666666;
}

ul.spot .prefix
{
	font-size:13px;
	font-weight:normal;
}
ul.spot .price
{
	font-size:13px;
	color:#cf0566;
	font-weight:bold;
}
ul.spot .suffix
{
	font-size:11px;
	font-weight:normal;
}
ul.spot .order
{
	border:none;
	margin:0;
	padding:0;
	display:block;
	width:58px;
	height:16px;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	background:url(/img/buttons/btn_lasmer.gif) top left no-repeat;
	float:right;
}
/*************************************************************/
/* END - STYLES FOR PRODUCT LIST IN FULL PAGE WITH NO MENU */
/*************************************************************/