/* $Header: /home/sb/cvsroot/templates-lang/treetab/MyStyle.css,v 1.5 2003/12/02 13:00:39 martin Exp $ */
/* Stilmall för anpassing av butikens utseende  */

/* ****** Nya element inlagda av Elysium - START ***** */

body, div, p, th, td, li, dd    {font: normal 10px Verdana, Lucida, Arial, Helvetica, sans-serif;}

h1 {font: bold 14px Arial, Helvetica, sans-serif;}

h2 {font: bold 12px Arial, Helvetica, sans-serif;}

h3 {font: bold 11px Verdana, Arial, Helvetica, sans-serif;}

/* Table for vales used inside text */
table.in-text {
  margin-left: 2em;
  font: 10px 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: 10px 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: 0px solid black;
  text-align: center;
  background: #eee;
  padding: 3px;
  margin-left: 5px;
  margin-bottom: 20px;
}

div.Panel h3 {  /* Rubriker i rutor */
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;/* förminskad */
  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: 10px;
  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: 10px 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 10px Verdana, Arial, Helvetica, sans-serif black;
}/* förminskad */

/* 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: 10px Verdana, Lucida, Arial, Helvetica, sans-serif;
  margin: 0px auto 0px auto;
  display: inline;
  text-align: left;
}
div.search input {
  font: 10px 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: 0px solid black;
  padding: 5px;
  color: black;
}
#GroupText { /* Nedre delen - grupptexten */
  padding: 5px;
  text-align: left; /* var tidigare centrerad */
  font-style: normal;
}

/* 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: 10px 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: 10px 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: 10px;
  vertical-align: top; 
  background: white;
  width: 133px; 
  margin: 5px; 
  float: left;
  border: 0px 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: 0px 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;
	margin: .67em 0;
	padding: .33em 0 .67em 42px;
	min-height: 40px;
}

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


/* ***** Nya element inlagda av Elysium - STOP ***** */



/* Här börjar den gemensamma delen av layouten för Simple resp TreeTAB */
/* Alla sidor */
body {
  color:      #6F6F70; /* F1 */
  background: #FFFFFF; /* F2 */
}

h1,h2,h2 a,h2 a:hover,h2 a:visited,h2 a:active,h3 {color: black;} /* F3 */

/* Färg på hyperlänkar */
a, a:hover, a:visited, a:active {color: #FF9933;} /* F4 */


/* Vänsterframen (Simple:knapparna, TreeTAB:gruppträdet)*/
body.leftbar {
  color: #6F6F70;      /* F5 */
 background: #FFFFFF; /* F6 */
 background-image: url(images/navbar_background.jpg); /* bakgrundsbild */
  margin-top: 10px;
}

.leftbar a,
.leftbar a:hover, 
.leftbar a:visited, 
.leftbar a:active { color: #FF9933; } /* F7 */

/* Minitext för producent */
#producer, #producer a, #producer a:visited {
	color: black; /* F8 */
}

body.topbar {
  background: #FFFFFF; /* F9 */
  background-image: url(images/navbar_background.jpg); /* bakgrundsbild */
  color: #6F6F70;        /* F10 */
}
.topbar h1 { 
  color: #6F6F70;     /* F11 */
  margin-left: 1em;
  margin-top: 5px;
} 

/* Tabell till listor frakt betal etc. */
table.list th { background: #D2D2D2; } /* F12 */
table.list tr { background: #FFFFCC; }   /* F13 */

div.produkt {
  padding: 5px;
  margin-bottom: 10px;
}

div.categorytrace {
  background: #F0F0F0; /* F14 */
}
#CatTrace {
  border: 0px solid black;
  color: black; /* F15 */
  background: #F0F0F0; /* F16 */
}
#GroupText {
  background: #F0F0F0; /* F17 */
  color: black; /* F18 presentationstext varugrupper */
}

/* Sidväljare */
div.pageselector {
  background: #FFFFCC; /* F19 */
  border: 0px none #000000;
  text-align: center;
}

/* Produktlistor */
/* Pyjamas randiga listor */
tr.odd { background: #E6E6E6;} /* F20 */
tr.even { background: #DCDCDC; } /* F21 */
tr.hi-lite { background: #FFFFCC; } /* F22 */
/* Här slutar den gemensamma delen av layouten för Simple och TreeTAB */
/* Nedan följer individuella delar i layouten TreeTAB resp Simple */

/* Här börjar individuella delar i layouten TreeTAB */
/* Meny överst på sidan */
tr.Meny { 
  /* background: #F0F0F0; */ /* F23 */
  height: 27px;
}
td.Meny a { 
  text-decoration: none; 
}
td.Meny a:hover {
  color: #FF9933;  /* F24 */
}

/* Rutor i navbar */
div.Panel {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  border: 0px transparent; /* F25 */ /* GÖR GENOMSKINLIG */
  color: #6F6F70; /* F26 */
  background: transparent; /* F27 */
  width: 165px;
}
div.Panel h3 {  /* Rubriker i rutor */
  background: #F0F0F0; /* F28 */
  color: #6F6F70; /* F29 */
}

/* Färg på vald grupp i trädmeny */
.menu li.selected { background-color: #FFFFCC; }/* F30 */

/* Färg på rubrikceller i tabeller */
table.produktlista th,
table.artiklar th { background: #D2D2D2; } /* F31 */

/* Färg på innehållet i Tabbset */
td.tabset-content { background: #F0F0F0; }/* F32 */

/* Här slutar individuella delar i layouten TreeTAB */

/* Här börjar individuella delar i layouten Simple */
#navigation { 
  text-align: center;
  padding-top: 5px; 
  padding-bottom: 5px;
/* Lämna plats för en scroller (16px) framen är 156px bred, alltså 140px kvar */
/* Gör vi inte detta så sätter IE ut även en horisontell scroller (IE sucks!)*/
  width: 140px;
}

td.logga {  /* första rutan i tabellen i topbar.html */
  width: 156px;  /* Samma bredd som NavBar */
  height: 50px;
  background: #9C2C00; /* F33 */
  text-align: center;
}

/* Här slutar individuella delar i layouten Simple */

p, table.in-text { margin-left: 0px;}

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