@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; }
td													{ font: 9pt sans-serif; }
img													{ border: none }
a													{ color: #192F4F }
a:visited											{ color: black ; }
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; }

/* strictly layout */



div#hogerBaner										{ border: 1px solid gray; width: 140px; }
#menu												{ position: absolute; top: 125px; left: 0; width: 200px; }
#annons												{ position: absolute; top: 125px; right: 0; width: 200px; }
#footer												{ clear: left; text-align: center; padding: 15px; }

table#maintable										{ border-collapse: collapse; margin: 0; }
table#maintable										{ width: 100%; }
table#maintable .menu, table#maintable .annons		{ width: 200px; }
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; border-bottom: 10px solid #192F4F; }
	#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; }
	#stjarna										{ float: left; display: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; }
	#logo											{ float: left; position: relative; padding: 7px; }


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; }







#topsearch											{ position: relative; text-align: center; margin: 0 100px 0 0; padding: 0; }
#topsearch p										{ margin: 0; padding: 0; padding: 3px; font: large arial,sans-serif; }
#topmenu											{ position: absolute; top: 0; right: 0; width: 800px; padding: 0; margin:0; }
#topmenu li											{ float: right; margin: 0; padding: 7px; list-style-type: none; background-color: #B8D320; border-right: 1px solid black; font: bold 8pt sans-serif; }
#topmenu li a, #topmenu li a:visited				{ color: black; text-decoration: none; }
#topmenu li:hover, #topmenu li.over					{ background-color: white; }

/* 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; }

	/*kundbutiker*/
	#kundbutik_sortiment .produkt					{ clear: left; }
	#kundbutik_sortiment .produktbild				{ float: left; }
	#kundbutik_sortiment .toolbar					{ clear: left; background-color: #ccc; color: black; padding: 3px; }
	#kundbutik_sortiment .prisst					{ float: left; background-color: #eee; color: black; padding: 3px; width: 48%; }
	#kundbutik_sortiment .kop						{ float: left; width: 48%; }
	#kundbutik_sortiment .kop a, #kundbutik_sortiment .kop a:visited { font-weight: bold; }
	#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; }

	/* 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:200px; height:22em; border:1px solid #ccc; border-right:1px solid #fff; margin-left:-1px; margin-top:-1px; padding: 2px; }
	#productoverview_wrapper li div.bild			{ text-align: center; height: 150px; }
	#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: 3px; 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						{ width: 150px; text-align: center; float: left; }
	div.produktsida_galleribild div.bild			{ height: 140px; }
	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; }
}