/*
ALLTIDREA

display: none; indikerar att man vill DÖLJA objektet i fråga.
display: block; indikerar att man vill VISA objektet i fråga.
*/

/* LISTOR i menyn */
#InfoPagesTitle, 	#InfoPagesContent 	{ display: none; }		/* Informationssidor */
#CategoriesTitle, 	#CategoriesContent 	{ display: block; }		/* Kategorier */
#TodaysOfferTitle, 	#TodaysOfferContent	{ display: none; }		/* Dagens erbjudande */
#ProductNewsTitle, 	#ProductNewsContent	{ display: block; }		/* ProduktNyheter */

/* MINIMERINGSKNAPPAR i menyn */
#InfoPagesCollapseButton 	{ display: none; }		/* Informationssidor */
#CategoriesCollapseButton 	{ display: none; }		/* Kategorier */
#TodaysOfferCollapseButton 	{ display: none; }	/* Dagens erbjudande */
#ProductNewsCollapseButton 	{ display: none; }	/* ProduktNyheter */

/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/

body, td, input { font: 11px Verdana; }
body { margin: 0px; background: #ffffff; background-image: url(bg.gif); }
td { }
a, a:visited { color: #000000; text-decoration: none; }
a:hover { color: #888888; }
form { margin: 0px; }
label { font-weight: bold; }

.pagetable { background-color: #ffffff; width: 950px; height: 100%; border-collapse: collapse; border: 5px solid white; margin: 15px; }

.td_topbanner {
	background-color: #ffffff;
	background-image: url('design_v2/banner.gif');
	background-repeat : no-repeat;
	width: 934px;
	height: 110px;
	text-align: right;
	vertical-align: bottom;
}
.td_menu { background: #ffffff; width: 200px; vertical-align: top; padding-top: 150px; }
.td_center { background: #ffffff; width: 750px;  padding-left: 10px; padding-right: 10px; vertical-align: top; }

img.HomeLink { position: absolute; left: 21px; top: 28px; width: 530px; height: 45px; vertical-align: middle; border: 0px solid green; }

.divSearch { position: absolute; left: 20px; top: 145px; width: 200px; height: 30px; border: 0px solid #ffd9a2; background-repeat: no-repeat; background-image: url('design_v2/searcharea.png'); text-align: left; }
.searchbox { font: normal 14px Arial; width: 165px; height: 20px; padding: 2px; margin: 4px 4px 4px 8px; background: transparent; border: 0px solid #ffd9a2; vertical-align: middle; }
.searchbutton { background-image: url(../_baselayout/search_button_transparent_black.gif); width: 15px; height: 15px; vertical-align: middle; }

.divCart { text-align: left; font: bold 11px Arial;  position: absolute; left: 20px; top: 185px; width: 200px; padding: 22px 5px 0px 7px; border: 0px solid black; background-repeat: no-repeat; background-image: url('design_v2/menuheader_cart.png'); background-position: 0px 0px; }
.divCart a, .divCart a:visited { color: #888888; }
.divCart a:hover { color: #888888; }
#cartHeader { color: #ffffff; font: bold 12px Verdana; margin-bottom: 10px; }
#cartQty, #cartSum { font: normal 14px Verdana; color: #013366; }

.banner_buttons { position: absolute; left: 30px; top: 97px; vertical-align: middle; border: 0px solid green; }
.banner_button  { font: normal 12px Verdana; padding-left: 10px; padding-right: 10px; color: #444444; }
.banner_button a, .banner_button a:visited { color: #444444; }
.banner_button a:hover { color: #000000; }

.blackbtn {
	border: 0px outset #888;
	width: 49px;
	height: 16px;
	background-image: url('design_v2/buy_button.gif'); 
	color: #000;
	font: normal 10px Verdana;
	padding: 0px;
 	cursor: pointer;
}

/* Varan har lagt i kundvagnen */
#itemincart { margin: 10px; padding: 10px; background: #ffcc77; border-bottom: 1px solid #888888; border-top: 1px solid #aaaaaa; font: bold 14px Arial; text-align: center; }
#itemincart a { font: bold 12px Arial; }

/* Bild för betalningsmetoder */
#imgPayments { border: 0px solid black; }
#divPayments { text-align: center; display: none; }

#InfoPagesTitle, #TodaysOfferTitle, #ProductNewsTitle, #CategoriesTitle { 
	width: 200px; 
	height: 20px; 
	color: #ffffff; 
	padding: 2px 10px 2px 10px; 
	font: bold 12px Verdana;
	background-image: url(design_v2/menuheader_default.png);
	background-repeat: no-repeat;
}
#TodaysOfferTitle .rssbutton { vertical-align: middle; border: 1px outset gray; }
#InfoPagesContent ul { padding-top: 3px; margin-top: 0px; list-style:none; }
#InfoPagesContent li { margin-left: -30px; padding-left: 13px; background-image: url(../_baselayout/chr_0187.gif); background-repeat: no-repeat; background-position: 0px 5px; }
#TodaysOfferCollapseButton, #ProductNewsCollapseButton, #CategoriesCollapseButton, #InfoPagesCollapseButton { cursor: pointer; }
#InfoPagesContent, #TodaysOfferContent, #ProductNewsContent, #CategoriesContent { width: 200px; padding: 5px; }
#streacher { width: 700px; height: 1px; }

.FirstPageInfo { border-bottom: 1px solid #cccccc; margin-top: 10px; }

.newsImage { margin: 3px; width: 50px; height: 50px; float: left; border: 1px solid #000000; }
.newsTitle { margin: 3px; }
.newsPrice { margin: 3px; text-align: right; color: #000000; font: bold 14px Verdana; }
.newsPriceOnSale { margin: 3px; text-align: right; color: #ff0000; font: bold 14px Verdana; }
.newsSeparator { clear: both; height: 1px; margin: 2px; background: #ffffff; border: 1px inset #dddddd; }

.offerTimer { text-align: center; font: bold 16px Arial; color: #800000; }
.offerImage { margin: 3px; width: 100px; height: 100px; float: left; border: 1px solid #000000; }
.offerTitle { margin: 3px; font: bold 11px Arial; }
.offerQtyTitle { margin-left: 3px; margin-top: 3px; text-align: left; font: bold 11px Arial; }
.offerQty { text-align: right; color: #ff0000; font: bold 11px Arial; }
.offerPriceTitle { margin-left: 3px; text-align: left; font: bold 11px Arial; }
.offerPrice { text-align: right; color: #ff0000; font: bold 14px Verdana; }
.offerSeparator { clear: both; height: 1px; margin: 2px; background: #ffffff; border: 1px inset #dddddd; }

.FrontOfferTimer { width: 280px; margin-top: 10px; text-align: center; font: normal 11px Arial; color: #ffffff; }
.FrontTodaysOfferContent { text-align: left; width: 708; background-image: url('design_v2/offer_bottom.gif'); background-position: bottom; background-repeat: no-repeat; }
.FrontTodaysOfferBorderContent { text-align: left; width: 708; height: 300px; background-image: url('design_v2/offer_top.gif'); background-position: top; background-repeat: no-repeat; }
.FrontTodaysOfferTitle { padding: 5px; color: #000000; font: normal 22px Arial; }
.FrontTodaysOfferTitle .rssbutton { float: left; margin-right: -16px; width: 16px; height: 16px; }
.FrontofferImage { margin: 3px; width: 200px; height: 200px; border: 0px solid #000000; }
.FrontofferTitle { margin: 3px; font: bold 13px Arial; }
.FrontofferQty { text-align: center; }
.FrontofferPriceTitle { margin-top: 3px; font: bold 13px Arial; }
.FrontofferPrice { color: #ff0000; font: bold 15px Verdana; margin-bottom: 5px; }
.FrontofferOrgPrice { color: #000000; font: normal 11px Verdana; margin-bottom: 5px; text-decoration: line-through; }
.FrontofferBuyButton { color: #ff0000; font: bold 12px Arial; }
.FrontofferBuyButton .blackbtn { height: 40px; width: 117px; font: normal 22px Verdana; color: #ffffff; background-color: transparent; background-image: url('design_v2/buy_button_big.png'); background-position: center; background-repeat: no-repeat; }
.FrontofferSeparator { clear: both; height: 1px; margin: 2px; background: #ffffff; border: 1px inset #dddddd; }
.DivListProductInfoCompactBig { height: 150px; overflow: hidden; }

Div.InfoPage { margin-top: 10px; }
	.InfoPageImage { float: right; margin: 5px; }
	.InfoPageTopic { font-weight: bold; margin-bottom: 5px; font-size: 13px; }
	.InfoPageContent {  }

.DivCategoryTopNav { float:left; font: bold 10px Verdana; }
.DivCategoryTopNav a { font: bold 11px Arial; }

.DivListCategories { text-align: center; margin-top: 10px; }
	div.CategoryImage 	{ display: inline; }
	div.CategoryImage 	{ display: inline-table; }
	div.CategoryImage 	{ margin: 7px; width: 330px; text-align: center; vertical-align: middle; }
	div.CategoryImage a { font: 20px Arial; text-align: center; vertical-align: middle; }

.DivListProducts { text-align: center; margin-top: 10px; }
	.CategorySizes { float:right; text-align: right; }
	.CategorySizes * { font: bold 12px Arial; vertical-align: middle; }
	.CategorySizes select { color: #000000; }
	.CategorySizes label {  color: #FF0000; margin-left: 25px; }
	.CategoryInfo   { clear:both; margin: 5px; }
	#ListMatch 		{ color: #008000; text-align: center; font-weight: bold; padding: 2px; border-top: 1px solid black; border-bottom: 1px solid black; margin: 5px; background: #dddddd; }
	#ListNoMatch 	{ color: #800000; text-align: center; font-weight: bold; padding: 2px; border-top: 1px solid black; border-bottom: 1px solid black; margin: 5px; background: #dddddd; }
	.DivListProduct, .DivListProductSoldout { width: 160px; vertical-align: top; margin: 3px; }
	.DivListProductSoldout 	{ display: inline; }
	.DivListProductSoldout 	{ display: inline-table; }
	.DivListProductSoldout 	{ opacity: .3; filter: alpha(opacity=30); }
	.DivListProduct 		{ display: inline }
	.DivListProduct 		{ display: inline-table; }
		.DivListProductBorderContainer1 { background-repeat: no-repeat; background-position: bottom; background-image: url('design_v2/listproduct_bottom.png'); padding-bottom: 8px; }
		.DivListProductBorderContainer2 { background-repeat: no-repeat; background-position: top; background-image: url('design_v2/listproduct_top.png'); padding: 7px 10px 0px 10px; }
		.DivListProductBorderContainer2_tinted { background-repeat: no-repeat; background-position: top; background-image: url('design_v2/listproduct_top_tinted.png'); padding: 7px 10px 0px 10px; }
		.DivListProductCategory {  }
		.DivListProductImage, .DivListProductName, .DivListProductInfoCompact, .DivListProductInfoExtended, .DivListProductPrice, .DivListProductPrice, .DivListProductPriceOnSale, .DivListProductPriceOrd { margin: 3px; }
		.DivListProductImage 		{ text-align: center; }
		.DivListProductImage img	{ width: 125px; height: 125px; }
		.DivListProductMoreSizeImage { float: left; margin-right: -16px;}
		.DivListProductName 		{ text-align: left; }
		.DivListProductInfoCompact, .DivListProductInfoExtended, .DivListProductInfoCompactBig { text-align: left; font-size: 9px; cursor: pointer; }
		.DivListProductInfoCompact 	{ height: 60px; overflow: hidden; }
		.DivListProductInfoExtended { min-height: 55px; height: auto !important; height: 55px; overflow: visible; }
		.DivListProductPrice 		{ text-align: right; vertical-align: middle; }
		.DivListProductPrice .blackbtn, .DivListProductPriceOnSale .blackbtn { width: 50px; font-size: 11px; }
		.DivListProductPriceOnSale 	{ font-weight: bold; color: #ff0000; text-align: right; vertical-align: middle; }
		.DivListProductPriceOrd 	{ font: normal 11px Verdana; text-align: left;  vertical-align: middle; text-decoration: line-through; }
		.DivListProductBuyButton	{}
		input.ListProductButton { border: 0px solid black; width: 49px; height: 16px; background-repeat: no-repeat; background-position : center; background-image: url('design_v2/buy_button.gif'); vertical-align: middle; }

/* float-värden: left=vänsterkolumn ; right=högerkolumn ; none=inga kolumner */
/* Bildkolumn */
#OneProductColumn1 		{ float: right; width: 260px; }
	.OneProductImage 		{ width: 250px; height: 250px; }
	#OneProductOfferHeader	{ display: block; margin: 0px 10px 5px 10px; width: 230px; height: 40px; padding-top: 6px; color: #ffffff; font: bold 16px Arial; text-align: center; background-image: url('design_v2/offer_banner.gif'); background-position: top; background-repeat: no-repeat; }
/* Infokolumn */
#OneProductColumn2 		{ float: left; width: 440px; }
	.OneProductName 		{ font: bold 12px Verdana; margin-bottom: 5px; }
	.OneProductArtName 		{ font: bold 11px Verdana; margin-bottom: 5px; }

	.OneProductArtInfo 		{ padding: 5px; border-bottom: 1px solid black; border-top: 1px solid black; }
		td.OneProductArtnr 		{ color: #777777; font: 10px Arial; vertical-align: middle; padding-bottom: 5px; }
		td.OneProductStock 		{ color: #00aa00; font: bold 11px Verdana; vertical-align: middle; text-align: right; padding-bottom: 5px; }
		td.OneProductPrice 		{ vertical-align: middle; padding-bottom: 5px; font: bold 22px Verdana; }
		td.OneProductPriceOnSale { vertical-align: middle; padding-bottom: 5px; font: bold 22px Verdana; color: #ff0000; }
		  .OneProductPriceOrd	{ color: blue; font: bold 11px verdana; text-decoration: line-through; }
		td.OneProductQty 		{ vertical-align: middle; text-align: right; padding-bottom: 5px; }
		input.OneProductQty 	{ vertical-align: middle; text-align: right; padding-bottom: 5px; width: 40px; }
		td.OneProductPartPayment 	{ vertical-align: middle; padding-bottom: 5px; font: bold 10px Verdana; }
		td.OneProductBuyButton 	{ vertical-align: middle; text-align: right; padding-bottom: 5px; }
		.OneProductBuyButton .blackbtn { height: 40px; width: 117px; font: normal 22px Verdana; color: #ffffff; background-color: transparent; background-image: url('design_v2/buy_button_big.png'); background-position: center; background-repeat: no-repeat; }
		.OneProductNewArt 		{ font: bolder 13px Tahoma; letter-spacing: 1px; margin: 10px; color: #008000; }
		.OneProductSoldOut		{ text-align: right; font: bold 12px Verdana; color: #ff0000; }
	#OneProductMatches { margin-top: 10px; DISPLAY: NONE; }
	#OneProductMatchesTitle {  margin: 10px; text-align: center; font-weight: bold; }
	.matchImage { margin: 3px; width: 50px; height: 50px; float: left; border: 0px solid #000000; }
	.matchTitle { margin: 3px; }
	.matchPrice { margin: 3px; text-align: right; color: #000000; font-weight: bold; }
	.matchPriceOnSale { margin: 3px; text-align: right; color: #ff0000; font-weight: bold; }
	.matchSeparator { clear: both; height: 5px; margin: 2px; background: #ffffff; border: 0px inset #dddddd; }

div.CartHeadline 		{ font: bold 16px Arial; }
div.CartHeadline a, div.CartHeadline a:visited { font: bold 12px Arial; color: #ff0000; }
div.CartHeadline a:hover { color: #888888; }
div.CartInfo 			{  margin-bottom: 10px; }
form.CartList input.submit, form.CartList input.button { margin: 5px; }
form.CartList 			{ margin: 0px; }
table.CartList 			{ width: 100%; }
table.CartList th 		{ font: bold 12px Verdana; }
table.CartList tr.odd	{ background: #eeeeee; }
table.CartList tr.even	{  }
table.CartList tr.contract	{ background: #cccccc; }
table.CartList td 		{  }