@import url('http://reklambutiken.com/inc/annonspelare.css');
@import url('http://reklambutiken.com/inc/pennfarger.css');
@import url('http://reklambutiken.com/inc/thumbnailviewer.css');
#annonspelare { border: none; }

/* common */
body												{ margin: 0; background-color: white; color: black; font: 9pt sans-serif; }
p													{ margin: 0 0 10px 0; }
td													{ font: 9pt sans-serif; }
img													{ border: none; }
a, a:visited										{ color: #294C81 }
a:hover												{ text-decoration: none; }
div.clearer											{ clear: both; line-height: 0; height: 0; }
form.cmxform										{ text-align: left; }
h1													{ margin: 0; padding: 0px; }
acronym												{ border-bottom: 1px dotted green; cursor: help; }
span.matslut										{ padding: 2px; margin-top: 5px; font: bold 11pt sans-serif; color: red; background-color: yellow; }

div.inforuta										{
background:#FFF6BF url('../img/utropstecken.gif') no-repeat scroll 15px 50%;
border-color:#FFD324;
border-style:solid;
border-width:2px 0pt;
margin:1em 0pt;
padding:0.6em 2em 0.6em 75px;
text-align:left;
}

table.julmat_ingridienser							{ border-collapse: collapse; }
table.julmat_ingridienser td						{ padding: 2px 2px 2px 5px; }
table.julmat_ingridienser td.rubrik					{ font-weight: bold; }
table.julmat_ingridienser td.hogervikt				{ border-left: 1px solid black; }

/* julöversikt */
div.jul-ruta										{ width: 270px; float: left; position: relative; background-repeat: no-repeat; border-bottom: 1px solid black; border-right: 1px solid black; }
div.jul-ruta p.knapplist							{ margin: 0; padding: 2px; }
div.jul-ruta span.artikelnummer						{ color: #999; }
div.jul-undertext									{ margin-top: 220px; height: 130px; padding: 2px; }
div.jul-undertext h2								{ font: bold 12pt sans-serif; }
img.jul-kopknapp-svart								{ padding-right:5px; vertical-align: middle; }
img.skattefri										{ padding: 0 5px 0 5px; vertical-align: middle; }
.jullank, .jullank:visited { color: white; font-weight: bold; font-size: 12pt; margin-bottom: 10px; }
h2.julheader					{ color: white; font: bold 18pt sans-serif; padding: 3px; margin: 0;}
h2.julheader a, h2.julheader a:visited { color: white; text-decoration: none; }
td.julruta	{ background-image: url('../img/75p_black.png'); behavior: url(iepngfix.htc); padding: 5px; }

#annons												{ position: absolute; top: 125px; right: 0; width: 200px; }
#footer												{ clear: left; text-align: center; padding: 15px; }

table#maintable										{ border-collapse: collapse; margin: 0; padding: 0; border-top: 5px solid #192F4F;}
table#maintable										{ width: 100%; }
table#maintable td.menu, table#maintable td.annons	{ width: 200px; padding: 0; margin: 0; }
table#maintable td.content							{ padding: 10px; }

div#topline											{ clear: left; width: 100%; height: 5px; overflow: hidden; background-color: #B8D320; position: absolute; top: 0; left: 0; }

/* header */
#header												{ position: relative; margin-top: 30px; }
	#logocontainer									{ padding: 5px 5px 20px 5px; color: black; }
	#countries										{ margin: 0px; padding: 0px; list-style-type: none; position: absolute; top: 5px; right: 5px; }
	#countries li									{ float: right; margin: 0px; padding: 0 0 0 3px; list-style-type: none; }
	#firstpage_bigoffer								{ float: left; padding: 0 5px 5px 0; }
	#firstpageCountries								{ clear: left; background-color: #D0DFF6; padding: 1px; text-align: center; margin: 0 0 10px 0; }
	#firstpage_mellantext							{ clear: left; padding: 1px;margin: 0 0 10px 0; }
	#firstpageNyhetsbrev							{ clear: left; background-color: #D0DFF6; padding: 1px; text-align: center; margin: 0 0 10px 0; }
	#firstpageNyhetsbrev h3							{ font: bold 11pt arial; }

	div#logocontainer table							{ width: 100%; border-collapse: collapse; margin: 0; padding: 0; }
	div#logocontainer table td						{ width: 33%; }
	div#logocontainer table td#kundtjanst			{ background: url('http://reklambutiken.com/img/kundtjanst.gif') no-repeat; padding: 0 0 0 70px; font: bold 15pt sans-serif; }
	div#logocontainer table td#topsearch form		{ }
	div#logocontainer table td#topsearch form input.query { font: 13pt sans-serif; width: 200px; }
	div#logocontainer table td#topsearch form input.button { font: bold 13pt sans-serif; }
	
	div#logoline									{ /*height: 10px; background-color: #192F4F; margin: 0; padding: 0;*/ }

td.produktpanelProduktsida							{ font-weight: bold; border: 1px solid #999; background-color: #eeeeee; }

div.kundtjanst										{ float: left; }
div.bigGallery { float: left; }

table.erbjudande_firstpage							{ clear: left; width: 100%; }
table.erbjudande_firstpage td						{ width: 50%; margin: 2px; border: 1px solid #ccc; padding: 5px; vertical-align: top; }
table.erbjudande_firstpage td div.bild				{ float: left; width: 105px; }
table.erbjudande_firstpage td div.text				{ margin: 0 0 10px 105px; }
table.erbjudande_firstpage td div.knappar			{ margin: 3px 0 0 105px; }
table.erbjudande_firstpage h3						{ margin: 0 0 3px 0; font: bold 12pt sans-serif; }
table.erbjudande_firstpage a, table.erbjudande_firstpage a:visited { color: #192F4F; }
table.erbjudande_firstpage p.prisfran				{ margin: 0 0 5px 0; padding: 0; }
table.erbjudande_firstpage span.pris				{ font: bold 11pt sans-serif; }


table#storlekstabell								{ width: 100%; }
table#storlekstabell td								{ padding: 5px; }
table#storlekstabell th								{ text-align: left; font: bold 10pt sans-serif; }





input.query, input.button{ font: 12pt sans-serif; }
#topmenu											{ position: absolute; top: 0; right: 0; width: 900px; padding: 0; margin:0; }
#topmenu li											{ float: right; margin: 0; padding: 7px; list-style-type: none; background-color: #B8D320; border-right: 1px solid white; font: bold 8pt sans-serif; }
#topmenu li.countries								{ background: white; }
#topmenu li a, #topmenu li a:visited				{ color: white; text-decoration: none; }
#topmenu li:hover, #topmenu li.over					{ background-color: #8CA119; }
#topmenu li.kontakt									{ background-color: #8CA119; }

/* menu*/
#menu												{ border-right: 1px solid black; }
#menu a, #menu a:visited							{ color: white; }
#menu font.categoryHighlight						{ font-weight: bold; color: navy; }
	#themenu ul li .submenu							{ display: none; margin: 0; }
	#themenu ul										{ margin: 0; padding: 0; list-style-type: none; }
	#themenu .highlight								{ background-color: #294C81; border-bottom: 1px solid #2E548E; border-top: 1px solid #1E375C; }
	#themenu ul li									{ padding: 3px; border-bottom: 1px solid #2E548E; border-top: 1px solid #1E375C; background-color: #192F4F; }
	#themenu ul li ul li							{ border: none; font-weight: normal; margin: 0 0 0 20px; }
	#themenu a, #themenu a:visited					{ background: url('http://reklambutiken.com/img/menuNewBullet2.png') no-repeat center left; padding: 0 0 0 12px; color: white; text-decoration: none; }
	#themenu a:hover								{ text-decoration: underline; }
	#themenu ul li:hover							{ background-color: black; }

/* content */
#content											{ }
span.slut											{ background-color: red; color: white; font: large arial,sans-serif; padding: 4px; text-transform: uppercase; }
.price												{ position: absolute; width: 68px; height: 40px; top: 5px; right: 5px; background-image: url('../images/price_flash_small.png'); font-size: 13pt; font-weight: bold; text-align: center; line-height: 40px; display: block; z-index: 99; }
img.betygbild										{ padding: 0 10px 0 0; }
p.recensent											{ margin: 2px 0 5px 0; top: 0; color: #888; }
p.omdomeikon										{ margin: 2px 0 0 0; padding: 0; }

p.OmdomeKommentar									{ margin: 5px 0 15px 15px; padding: 3px; background-color: #FFF0BB; } 
p.OmdomeKommentar span.header						{ font-weight: bold; }
p.OmdomeKommentar span.svarstext					{ }

	div.pmsClipsLista								{ }
	div.pmsClips									{ float: left; margin: 3px; width: 50px; height: 70px; border: 1px solid black; text-align: center; font: 7pt verdana,sans-serif; }
	div.pmsClips div.farg							{ width: 50px; height: 30px; margin-bottom: 2px; }

	/*kundbutiker*/
	#kundbutik_sortiment .produkt					{ float: left; height: 360px; width: 220px; border-bottom:2px solid black; border-left: 1px solid #CCCCCC; }
	#kundbutik_sortiment .produkt h2				{ clear: left; }
	#kundbutik_sortiment .produkt p.text			{ height: 50px; }
	#kundbutik_sortiment .bild						{ height: 200px; text-align: center; }
	#kundbutik_sortiment .toolbar					{ clear: left; color: black; padding: 3px; }
	#kundbutik_sortiment span.prisst				{ font: bold 14pt sans-serif; padding-left: 10px; }

	#kundbutik_bestall								{ margin: 0 0 20px 0; }
	#kundbutik_bestall td, #kundbutik_bestall th	{ padding: 2px 15px 2px 15px; }
	#kundbutik_bestall th							{ text-align: left; }

	/*färgkarta*/
	#fargkarta										{ margin: 0; padding: 0;}
	#fargkarta li									{ padding: 5px; font-size: 13pt; color: black; list-style-type: none; border-bottom: 1px solid black; }

	/*beachflagga*/
	div.beachflag_modell							{ float: left; padding: 1px; width: 18%; text-align: center; }
	div.beachflag_fot								{ float: left; padding: 3px; width: 210px; text-align: center; }

	div#julklappar_banner_footer					{ text-align: center; background: red; background-image: url('../img/banner_julklappar_bg.png'); padding: 5px; color: white; font: bold 9pt sans-serif; margin-bottom: 10px; }

	/* fraktfritt */
	#fraktfritt_banner								{ background: url('http://reklambutiken.com/images/fraktfritt_bg.png') repeat-x; text-align: center; }
	div#fraktfritt_banner_high						{ background: url('http://reklambutiken.com/img/fraktfritt_bg_high.png') repeat-x; text-align: center; padding: 5px; margin: 0 0 10px 0; text-align: center; }

	/* produktöversikt, kategorisida */


	/* speciella borders på produktsidan, credits till Paul O'B @ 12/4 */
	.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.clearfix { display:inline-block; }
	/* mac hide \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide */
	/* clear without structural markup - do not change above code */
	#productoverview_wrapper						{ border:1px solid #fff; position:relative; clear: left; }
	#productoverview_wrapper ul						{ list-style:none; margin:0;padding:0;width:100%;}
	* html #productoverview_wrapper ul				{ border-top:1px solid #ccc;float:left;width:auto}
	#productoverview_wrapper li						{ float:left; width:190px; height:22em; border:1px solid #ccc; border-right:1px solid #fff; margin-left:-1px; margin-top:-1px; padding: 2px; }
	#productoverview_wrapper li.long				{ width:285px; }
	#productoverview_wrapper li div.bild			{ text-align: center; height: 150px; position:relative; }
	#productoverview_wrapper li img.splash			{ position:absolute;top:5px;right:5px; }
	#productoverview_wrapper li a					{ font: bold 10pt sans-serif; }
	#productoverview_wrapper li img.betyg			{ margin: 0 0 0 5px; }
	#productoverview_wrapper li p.franpris			{ font: bold 10pt sans-serif;  margin: 10px 0 2px 0; }
	#productoverview_wrapper li p.sammanfattning	{ height: 5em; }
	#productoverview_wrapper li p.betyg				{ font: 8pt sans-serif; margin: 2px 0 2px 0; padding: 0; }
	#productoverview_wrapper li span.fran			{ font: 8pt sans-serif;}
	#productoverview_wrapper li p					{ margin: 0 0 2px 0; padding: 0; }
	html>body .fix{	position:absolute; width:1px; background:#ffffcc; z-index:999; left:-1px; top:0px; bottom:0; }

	/* avlång design */
	#productoverview_rutor							{ margin: 0; padding: 0; }
	#productoverview_rutor ul						{ list-style:none; margin:0;padding:0;width:100%;}
	#productoverview_rutor li						{ padding: 5px; border-top: 1px solid #ccc; }
	#productoverview_rutor li div.bild				{ }
	#productoverview_rutor li a						{ font: bold 10pt sans-serif; }
	#productoverview_rutor li p.franpris			{ font: bold 10pt sans-serif;  margin: 10px 0 2px 0; }
	#productoverview_rutor li p.sammanfattning		{ }
	#productoverview_rutor li span.fran				{ font: 8pt sans-serif;}
	#productoverview_rutor li p						{ margin: 0 0 2px 0; padding: 0; }






	/* detaljerad produktionformation, produktsida */
	h3.produktsida_sektion							{ clear: left; border-bottom: 2px solid #254473; margin: 10px 0 0 0;}
	h3.produktsida_sektion span.text				{ background-color: #254473; color: white; padding: 3px 10px 3px 10px; margin: 0; font: bold 11pt sans-serif; }
	p.produktsida_sektion_undertext					{ background-color: #CFDDF1; color: black; padding: 3px 10px 3px 10px; margin: 0 0 10px 0; }
	p.produktsida_sektion_undertext a, p.produktsida_sektion_undertext a:visited { color: black; }
	table.produktsida_pristabell					{ clear: left; margin: 0; width: 100%; border-collapse: collapse; }
	table.produktsida_pristabell td					{ padding: 4px; font: 9pt arial,helvetica,sans-serif; }
	table.produktsida_pristabell td.kliche			{ text-align: center; padding: 20px 0 0 0; }
	table.produktsida_pristabell tr.udda			{ background-color: #ddd; color: black; }
	table.produktsida_pristabell td span.oldPrice	{ text-decoration:line-through; }
	table.produktsida_pristabell td span.newPrice	{ background-color: yellow; color: black; }
	table.produktsida_pristabell th					{ font: bold 9pt arial,helvetica,sans-serif; text-align: left; }
	table.produktsida_pristabell td.prisheader		{ background-color: #ccc; color: black; border-top: 1px solid #999; }
	table.produktsida_pristabell td.prisheader span.header	{ margin: 0 5px 0 5px; font: bold 11pt arial,sans-serif; }
	table.produktsida_pristabell td.prisheader p	{ margin: 0 0 3px 0; }
	div.produktsida_galleribild						{ text-align: center; float: left; }
	div.produktsida_galleribild img.bild			{ }
	div.produktsida_galleribild p					{ margin: 0; padding: 0; }
	p.produktsida_tipsa_rad							{ clear: left; float: left; margin: 0; padding: 0 0 2px 0; }
	div.produktsida_tipsa_head						{ float: left; width: 150px; }
	div.produktsida_tipsa_field input				{ width: 180px; }
	table.ordlista td.ord							{ font: bold 10pt sans-serif; }

	div.kopknapp									{ padding: 5px 0 5px 0; }
	ul.produktsida_knappar							{ float: right; margin: 0; padding: 0; list-style-type: none; }
	ul.produktsida_knappar li						{ list-style-type: none; margin: 2px; padding: 5px 10px 5px 10px; background-color: yellow; width: 125px; }

	div.productimage								{ position: relative; width: 200px; float: left; text-align: center; }
	div.productimage img.zoom, div.productimage_long img.zoom { position: absolute; bottom: 5px; left: 5px; z-index: 9999; }

	div.produktTillbehor							{ float: left; margin: 0 0 10px 0; }
	div.tillbehor									{ float: left; text-align: center; }
	div.tillbehor p									{ margin: 0 0 3px 0; padding: 0; }
	div.tillbehor p.pris							{ font: bold 9pt sans-serif; }

	a.ordlista										{ text-decoration: none; color: black; border-bottom: 1px dotted green; }

	div.productrow									{ margin: 0 0 20px 0; }
	
	div.productinfo									{ }
	
	#senastenytt, div#nyhetsbrev						{ background-color: #192F4F; color: white; padding: 5px; margin: 0 0 10px 0; }
	#senastenytt h4, div#nyhetsbrev h4					{ font: bold 12pt sans-serif; margin: 0 0 5px 0; padding: 0; }
	#senastenytt a, #senastenytt a:visited				{ color: white; font: bold 8pt sans-serif; }
	#senastenytt p.datum								{ font: bold 10pt sans-serif; margin: 10px 0 0 0; color: #5181C9; }
	#senastenytt p										{ margin: 0 0 3px 0; padding: 0; font-size: 8pt; }
	
	
	/*förstasidan*/
	div.firstpage_offers div.bild					{ float: left; width: 100px; height: 100px; }
	div.firstpage_offers p.pris						{ float: right; text-align: right; font-size: 13pt; font-weight: bold; color: red; background: yellow; padding: 3px; }
	div.firstpage_offers h4							{ clear: left; font-size: 10pt; font-weight: bold; text-decoration: underline; }	
	
	
	
	
	
	
	
	
	/* produktlista */
	table.pennfarger								{ width: 100%; }
	div.productimage_long							{ text-align: center; }
	div.productrow h2								{ margin: 0; }
	hr.productseparator								{ clear: left; display: block; width: 100%; border: 0; height: 3px; background-color: black; }
	p.artikelnummer									{ margin: 2px; font-style: italic; color: #999; }
	img.produktbildBrevid							{ float: left; padding: 0 10px 0 0; }
	form.addform input								{ width: 100%; }
	form.addform textarea							{ width: 100%; height: 300px; }
	form.addform input.radio						{ width: 30px; }
	form.addform input.kliche						{ width: 100px; }
	form.addform input.priceField					{ width: 100px; }
	form.addform p.pricerow							{ margin: 0; padding: 0; }
	ul.adminPanel									{ clear: left; }
	ul.adminPanel li								{ float: left; padding: 3px; margin: 1px; background-color: #ddd; list-style-type: none; border: 1px solid #ccc; font: 7pt verdana; }
	#artnoList li									{ width: 250px; float: left; list-style-type: none; }
	#artnoList li input								{ width: 30px; }

	/* underkategorier */
	table.avancerade_underkategorier				{ width: 100%; }
	table.avancerade_underkategorier td				{ width: 25%; text-align: center; font-size: 13pt; }
	table.avancerade_underkategorier td .bild		{ height: 150px; text-align: center; margin-bottom: 10px; }

	/* ordlista-tooltip */
	#wordlist										{ position: absolute; top: 10px; left: 10px; width: 300px; padding: 10px; background-color: #E1EBF9; border: 1px solid black; display: none; }
	h2.ordlista										{ margin: 0; padding: 3px; background-color: #eee; }
	p.ordlista_forklaring							{ margin: 5px 0 30px 0; }

/* kundvagn */
#kundvagnslista										{ margin: 0; padding: 0; list-style-type: none; }
#kundvagnslista li									{ margin: 0; padding: 5px; list-style-type: none; }
#kundvagnslista li.udda								{ color: black; background-color: #E1EBF9; border-bottom: 1px solid #8CB3E8; }
#kundvagnslista li p								{ margin: 0 0 5px 0; padding: 0; }
#kundvagnslista li a								{ font: bold 10pt arial,sans-serif; }
#kundvagnslista li div.formular						{ position: relative; }
#kundvagnslista li div.formular div.del				{ float: left; width: 33%; }
#kundvagnslista p.head								{ font-weight: bold; }

div.kundvagnTillbehorLista							{ border-bottom: 1px solid black; }
div.kundvagnTillbehorLista div.bild					{ float: left; width: 80px; height: 80px; }
div.kundvagnTillbehorLista p.namn					{ font: bold 10pt sans-serif; }

/*annons */
#annons												{ border-left: 1px solid black; }

/*footer*/
	#sitesInNetwork									{ float: left; margin: 0 0 20px 0; padding: 0; }
	#sitesInNetwork li								{ float: left; margin: 0; padding: 4px; border-right: 1px solid black; list-style-type: none; }

@media print {
	body					{ margin: 0px; }
	#mainwrapper			{ width: 100%; }
	#content				{ width: 100%; }
	td.menu					{ display: none; }
	#annons					{ display: none; }
	#header					{ display: none; }
	#logocontainer			{ display: none; }
	td.annons				{ display: none; }
}