/* Standard stylesheet - Used in all current templates */
/* $Header: /home/sb/cvsroot/templates-lang/__SYS__/SBshop.css,v 1.11 2005/10/17 09:14:31 martin Exp $ */

/* Version 4 browsers does not support the @import command, use this to hide things that are not good for them */
@import url(/__SYS__/ns4_toxins.css);
/* Common definitions to create a nice appearance */
html {height: 100%;} /* IE needs this to behave */
body {height: 95%;}  /* as well as this */
body, div, p, th, td, li, dd    {
  font: normal 12px Verdana, Lucida, Arial, Helvetica, sans-serif;
}
body	{
  margin: 2% 0px 0px 2%;
  width: 90%;
}

body.topbar,
body.leftbar {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

h1 { font: bold 24px Arial, Helvetica, sans-serif; }
h2 { 
  font: bold 20px Arial, Helvetica, sans-serif;
  margin-bottom: 0.2em;
}
h3 { 
  font: bold 16px Arial, Helvetica, sans-serif;
  margin-bottom: 0.1em; 
}

p {
  margin-top: 0.1em;
  margin-left: 2em;
}

/* Table headings always align left and doesn't wrap */
th { text-align: left; white-space: nowrap; }

/* Counters only work in CSS2 compatible browsers */
.count:before {
  content: counter(count) ". ";
  counter-increment: count;
}

/* Error messages */
.error {
  border: 3px solid;
  border-color: #FF0000;
  padding: 2px;
  width: 80%;
}

/* Table for vales used inside text */
table.in-text {
  margin-left: 2em;
  font: 12px Verdana, 'Myriad Web', Syntax, sans-serif; /* IE 5.x */ 
}
table.in-text th {
  background: #C0C0C0;
  color: #000000;
  font-weight: bold;
  text-align: left;
}

/* Table for lists */
table.list {
  margin-left: 2em;
  font: 12px Verdana, 'Myriad Web', Syntax, sans-serif; /* IE 5.x */ 
}
table.list th {
  background: #C0C0C0;
  color: #000000;
  font-weight: bold;
  text-align: left;
}
table.list tr {
  background: white;
  color: #000000;
  font-weight: bold;
  text-align: left;
}
table.list tr.hollow { background: transparent; }


/* Mini text & link to producer */
#producer, #producer a, #producer a:visited {
  text-align: center;
  font: 10px Verdana, Lucida, Arial, Helvetica, sans-serif;
/*color: #000; */
  margin-top: 1em;
}

/******** KOMPONENTER ********/
/* Rutor i navbar */
div.Panel {
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  border: 1px solid black;
  text-align: center;
  background: #eee;
  padding: 3px;
  margin-left: 5px;
  margin-bottom: 20px;
}

div.Panel h3 {  /* Rubriker i rutor */
  font: bold 14px Arial, Helvetica, sans-serif;
  margin: 0px 0px 2px 0px;
  padding-left: 2px;
  text-align: left;
  background: #F2F2DE;
  color: #46AAA6;
}

/* KOMPONENT: Folding menu */
.menu {  /*<ul> Top level menu */
  margin: 0px 0px 0px 5px;
  padding: 0px;
  text-align: left;
}
.submenu { /*<ul> Submenu under top or submenu */
  margin-left: 15px; 
  padding: 0px;
/*display: none; -> ns4_toxins.css */
}
.menu li { 
  background: url(/__SYS__/square.gif) no-repeat 0em 0.3em; 
  font-size: 12px;
  line-height: 17px;
/*list-style: none outside; -> ns4_toxins.css */
}
.menu li.selected { /* special trick to change background "outside" of li element */
  background: #D4D0C8 url(/__SYS__/square.gif) no-repeat 5em 0.3em;
  margin-left:  -5em;
  margin-right: -0.8em;
  padding-left:  5em; 
  padding-right: 0.8em;
}
li.menubar { background: url(/__SYS__/plus.gif) no-repeat 0em 0.3em; }
.menu a {
  text-decoration: none;
  /* false value for WinIE4/5 */
  text-indent:    15px;         
  /* trick WinIE4/5 into thinking the rule is over */
  voice-family: "\"}\"";        
  /* recover from trick */
  voice-family: inherit;        
   /* intended values for better browsers */
  text-indent: 0px;
  padding-left: 15px;  
}
.menu a:hover { text-decoration: underline; }
/* END Folding menu */

/* KOMPONENT: TABset */
table.tabset { height: 100%; }
table.tabset td { padding: 	0px; }
tr.tabset-tabs {
  height: 20px;
  font: 12px Verdana, 'Myriad Web', Syntax, sans-serif;
  word-spacing:	normal;
  letter-spacing:	normal;
  text-transform:	none;
}
td.tabset-selected { font-weight: bold; }
td.tabset-content { height: 90%; margin: 0px; padding: 0px; }
/* END TABset */

/* KOMPONENT: Navigeringsmeny i toppframen TreeTAB */
td.Meny { 
  margin: 2px 10px 2px 10px;
  font: bold 16px Arial, Helvetica, sans-serif black;
}
/* END Meny */


/* Shopspecifika delar - dessa måste komma efter komponenter ifall de finns inne i någon komponent*/

/* Mini cart */
div.cart-empty, 
div.cart-full, 
div.cart-sent, 
div.cart-adding,
div.cart-error {
  border: 1px solid;
  width: 80%;
  padding: 2px;
  margin: 5px auto 5px auto;
}
div.cart-error {
  background: yellow;
  color: black;
  border: 3px solid red;
}

/* Sökrutan */
div.search {
  font: 11px Verdana, Lucida, Arial, Helvetica, sans-serif;
  margin: 0px auto 0px auto;
  display: inline;
  text-align: left;
}
div.search input {
  font: 11px Verdana, Lucida, Arial, Helvetica, sans-serif;
}

/* Sökväg till varugrupp, och grupptext */
div.categorytrace { /* Hela avdelningen */
  padding: 3px;
}
#CatTrace { /* Övre delen - sökvägen */
  border: 1px solid black;
  padding: 5px;
  color: black;
}
#GroupText { /* Nedre delen - grupptexten */
  padding: 5px;
  text-align: center;
  font-style: italic;
}

/* table.artiklar - Används för listor med artiklar (visa vara, kundvagn, order osv) */
table.artiklar { clear: both; }
table.artiklar td, 
table.artiklar th {
  font: 12px Verdana, 'Myriad Web', Syntax, sans-serif;
  letter-spacing: normal;
  padding-left: 3px;
  padding-right: 3px;
  height: 20px;
}
table.artiklar th {
  background: #C0C0C0;
  color: #000000;
  font-weight: bold;
  text-align: left;
}
table.artiklar input, 
table.artiklar option, 
table.artiklar select { font: 12px Verdana, 'Myriad Web', Syntax, sans-serif;}

/* Pyjamas randiga tabeller */
tr.odd  { background: #FFF; }
tr.even { background: #EEE; }

/* Visa varor */
/* LISTA - Produktlista */
table.produktlista a { text-decoration: none;  color: black;}
table.produktlista td { padding: 2px; }
table.produktlista th { 
  color: #000000;
  font-weight: bold;
  text-align: left;
  padding: 2px;
}
table.produktlista td.price {text-align: right;}

/* BILDER - Produktlista */
div.float { /* Flytande design av  Bildlista */
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px;
  vertical-align: top; 
  background: white;
  width: 133px; 
  margin: 5px; 
  float: left;
  border: 1px solid black;
}
div.float a { text-decoration: none; color: black; }  
div.float p {
  margin:		0px;
  text-align:	center;
  font-size: 	10px;
  height: 		2.5em;
  overflow: 	hidden;
}  
div.float p.price{
  font-weight: bold;
  height:      auto;
}

/* DETALJERAD - Produktlista */

/* Produktbilder */
div.productimage {
  background: #FFFFFF;
  border: 1px solid;
  margin-left: 1em;
  text-align: center;
}
div.productimage:after { clear: right; }
div.productimage p {
  font: 10px Verdana, 'Myriad Web', Syntax, sans-serif;
  margin-top: -0.5em;
}

p.FramesCheck {
	border-top: 5px solid #900;
	border-left: 1px solid #900;
	background-image: url(/__SYS__/icon_error_lrg.gif);
	background-repeat: no-repeat;
	background-position: 5px 1em;
	background-color: white;
	color: black;
	margin: .67em 0;
	padding: .33em 0 .67em 42px;
	min-height: 40px;
}

@media print {
  p.FramesCheck { display: none }
}

/******** EJ DOKUMENTERAT **************/
caption {
  font: bold 0.8em/120% Verdana, 'Myriad Web', Syntax, sans-serif;
  text-align: left;
} 


/* Gammal bildlista över grupper och varor */
.imagelist {
  font: 12px Verdana, 'Myriad Web', Syntax, sans-serif; /* IE 5.x */ 
  background: white;
  border-color: black; 
  margin: 5px;
  text-align: center;
  vertical-align: top;
  width: 133px;
}
td.imagelist img { vertical-align: bottom; }