/* $Id: MyStyle.css 1275 2008-02-01 15:42:31Z martin $ */
/* Stilmall för anpassing av butikens utseende  */

@import url(/__SYS__/SE-shop.css); 	/* Style till gemensamma komponenter */
@import url(design.css);			/* Style till din valda design */

/* Här under kan du lägga in dina egna style ändringar */


/* BEGIN code added by System design tool - DO NOT EDIT! */
#page { width: 810px; }
body { background-color: #ffffff; }
#page { color: #000000; }
a { color: #447d9b; text-decoration: underline; }
a:hover { color: #365e72; }
#topmenu { background-color: #ffffff; }
#topmenu .menuleft { color: #447d9b; }
#nav li a { color: #447d9b; }
#nav li:hover a { color: #365e72; }
#nav li:hover { background-color: #ffffff; }
#nav li a { font-family: helvetica, arial; }
#nav li a { font-size: 13px; }
#nav li a { font-weight: normal; }
#CatTrace { background-color: #ccdbe0; }
#prodmenu_text { background-color: #ffffff; }
#productMenu h3 { background-color: #ffffff; }
#productMenu h3 { color: #000000; }
ul.FlatMenu .L0 a,ul.FlatMenu li.selected li a { color: #000000; }
ul.FlatMenu .L0 li a,ul.FlatMenu li.selected li a { color: #000000; }
ul.FlatMenu li.selected a, ul.menu li.selected a { color: #000000; }
ul.FlatMenu li.selected a, ul.menu li.selected { background-color: #; }
ul.FlatMenu .L0 { border-bottom-color: #ffffff; }
.Panel, div.search { margin-left: 0px !important; }
#cartMenu { background-color: #; }
div.search { background-color: #cde2ed; }
div.product-small h3 { background-color: #004a65; }
div.product-small h3 { color: #ffffff; }
div.product-small a { text-decoration: none; }
div.info a { text-decoration: underline; }
div.campaignproduct h3 { background-color: #; }
div.campaignproduct h3 { color: #; }
div.promoteproduct h3 { background-color: #; }
div.promoteproduct h3 { color: #ffffff; }
div.newproduct h3 { background-color: #004a65; }
div.newproduct h3 { color: #ffffff; }
div.product-small div.name { color: #; }
div.product-small .short { color: #; }
div.product-small span.unit { display: none !important; }
table.artiklar th { background: #cee2ed; }
table.artiklar th { color: #000000; }
tr.odd { background: #; }
tr.even { background: #ffffff; }
span.unit { display: none; }
/* END code added by System design tool - DO NOT EDIT! */

body, div, p, th, td, li, dd  {font-family: Helvetica, arial, verdana; font-size: 11px; font-weight: normal;}
h1, h2, h3 { 
  font-weight: normal; font-size: 14px; font-family: helvetica, arial, verdana;
  margin-bottom: 5px; margin-top: 0px;}
.h1style { 
  font-weight: normal; font-size: 14px; font-family: helvetica, arial, verdana;
  margin-bottom: 15px; margin-top: 0px;
  color: #447d9b;}
.underlatta {
	background-color:#FFFF99;
	}
.puttocart {
	font-weight: normal; font-size: 21px; font-family: helvetica, arial, verdana;
	background-color:#FFFF99;
	}
	
.groupTitle {
  background:none;
  color: #000000;
  font-weight: normal; font-size: 14px; font-family: helvetica, arial, verdana;
}
.varukorg { 
  font-family: Helvetica, arial, verdana; font-size: 12px; font-weight: normal;
  padding-left: 10px;
  color: black;
  line-height: 30px;
  margin: 0;
  text-align:left;
  }
table.artiklar td, table.artiklar th {font-family: Helvetica, arial, verdana; font-size: 13px; font-weight: normal; margin-top: 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e5e5e5;}

#CatTrace {background-color: white;}
#productMenu h3 {display: none;}
#topmenu .menuright {float: left;}
#topmenu .menuleft {float: right; }
#topmenu .menuleft a {color: black;}

.menu li {font-size: 12px; line-height: 15px; background: url(/images/square.gif) no-repeat 0em 0.3em; border-bottom-width: 1px;
border-bottom-style: solid; border-bottom-color: #e5e5e5; line-height: 17px; }
.menu li a {color: black;}
.menu li.closed { background: url(/images/plus.gif) no-repeat 0em 0.3em; }
.menu li.open   { background: url(/images/minus.gif) no-repeat 0em 0.3em; }
.menu li.open a  {font-size: 11px;} 
.menu li.selected{background-color: #eff7ff;} 
.menu li#favorites {background-image: url(/images/fav.png);}


#logo {background: url(/images/elot_top.jpg); height: 124px; width: 985px; }
#knappar {margin-top: 100px; margin-right: 50px;}

#cartMenu { position: absolute; margin-top: 15px; }
#cart_text {
	font-family: Helvetica, arial, verdana; font-size: 10px;
	margin-top: 3px;
	margin-right: 5px;
	background-image: none;
	background-position: 0em 0em;
	padding-left: 0em;
	height: 20px;
}
#cart_link {margin-top: 8px;}
#cartMenu h3 {font-family: Helvetica, arial, verdana; font-size: 12px; font-weight: normal;}

#Search_Text {border-color: #b8c5cc; color: #8f8f8f; margin-left: 8px; margin-top: 10px; margin-bottom: 10px; width: 120px; }
#search_button {margin-top: 10px; margin-bottom: 10px; margin-right: 10px; }

#GroupText {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f5f5f5;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f5f5f5;
	
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #f5f5f5;
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f5f5f5;
	
	margin-top: 12px;  
	margin-bottom: 10px;
	background: #cee2ed;
	width: 758px; 
	height: auto;
	padding-top: 13px;
	padding-bottom: 10px; 
	padding-left: 12px;
	padding-right: 10px;
}

#GroupText_smal {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f5f5f5;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f5f5f5;
	
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #f5f5f5;
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f5f5f5;
	
	margin-top: 12px;  
	margin-bottom: 10px;
	background: #cee2ed;
	width: 560px; 
	height: auto;
	padding-top: 13px;
	padding-bottom: 10px; 
	padding-left: 12px;
	padding-right: 10px;
}

#GroupText img {margin-right: 14px; }

div.product-small {
	background: url(/images/product_ram.gif) no-repeat; 
	width: 189px; 
	height: 230px; 
	margin-right: 5px; 
	margin-left: 0px; 
	margin-bottom: 0px;
	padding-bottom: 5px; 
	margin-top: 0px; 
	padding-top: 5px;
}

div.product-small-container { margin-left: 0px; }

div.product-small h4 {
	font-family: arial, helvetica, verdana; 
	font-size: 13px; 
	font-weight: bold;
	color: #447d9b; 
	margin-right: 4px;  
	padding-left: 3px;
	padding-right: 3px;
	line-height: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0px; 
}


div.product-small img {padding-top: 2px; margin-left: 27px; padding-bottom: 5px; margin-bottom: 2px; }
div.product-small2 .short {font-size: 11px; font-family: arial, helvetica, verdana; margin-left: 10px; margin-right: 8px; margin-bottom: 5px;}
div.product-small div.price {margin-left: 10px; margin-top: -10px; font-family: arial, helvetica, verdana; font-size: 15px; font-weight: bold;}
div.product-small div.oldprice {margin-left: 10px; margin-bottom: 7px;}
div.product-small .info {margin-right: 10px; padding-top: 0px;}
div.product-small .info_new {margin-right: 10px; padding-top: 0px;}

div.product-small h3 {display:none;}
div.newproduct h3 {display:none;}
div.promoteproduct h3 {display:none;}
div.campaignproduct h3 {display:none;}

div.produkt {margin-top: 10px; }
div.produkt h1 {font-size: 24px; color: #447d9b; font-family: helvetica, arial, verdana; margin-bottom: 15px; }
div.productimage {float: left; margin-left: 0px; margin-right: 5em;}


#content { padding-left: 15px; margin-top: 12px; }

#page{
  padding-left: 180px; /* WLR - The width of the left rail */
}

#container{
	border-left:180px solid #fff; 	/* WLR - The width and color of the left rail */
	margin-left:-180px; 			/* WLR */
}
#leftRail{
	width:180px;		/* WLR */
	margin-left:-180px;	/* WLR */
}
#header, #footer{
	margin-left:-180px;	/* WLR */
}

div.Panel{width: 180px;}


/* 3 colum layout for indexpage */
#indexpage #page{  
	padding-right: 160px;  /* WRR - The width of the right rail */ 
}

#indexpage #container{
	border-right: 160px solid #fff;	/* WRR - The width and color of the right rail */
	margin-right:-160px; 			/* WRR */
}

#indexpage #rightRail {
	width: 160px;			/* WRR */
	margin-right: -160px; 	/* WRR */
}

#indexpage #header,
#indexpage #footer {
/*	margin-right:-160px;	/* When I comment this out the bug in the index footer dissapear. */
}

#indexpage #page { width: 630px; }


#filterform div { float: left; margin-right: 5px; padding-bottom: 8px;}
#fileterform { padding: 0; margin: 0; }

#RSS p.channel {background-color: black;}
#RSS p.channel a { text-decoration: none; }

#extramenu_text {
	display: none;
}

#link img {
	padding-right: 15px;
}

div.brand h1 {
	font-size: 24px;
	color: #447d9b;
	font-family: helvetica,arial,verdana;
	margin-bottom: 15px;
}

div.produkt table.artiklar td { font-size: 11px; white-space: nowrap; }

.remove_filter a { text-decoration: none; }
.remove_filter a:hover {text-decoration: underline; }
.qtywarn td { text-align: right }

#cart_snabbkop {
	padding-bottom: 10px;
}