/*

$Id: shop.css,v 1.1 2008/02/07 17:05:33 justme Exp $

*/

/*

darkgreen        #174B00
green            #426B2C
lightgreen       #7F996A
darkyellowgreen  #A3A941
lightyellowgreen #CBD078
neutral          #E4E4D1
darkgray         #CED0BB
lightgray        #E4E4D1

*/

body, div, span, a, td, th, strong, input, select, textarea {
    font: 11px/18px Verdana; 
    color: #174B00;
}

input {
  line-height:12px;
}

body {
    background-image:url(../images/bg.gif);
    background-repeat: repeat-y;
}

#head {
    position: absolute;
    left: 0px;
    top:0px;
}

#content {
    position: absolute;
    left: 208px;
    top:147px;
    width:608px;
    vertical-align:top;
    line-height: 18px;
    padding:0px;
}

#content h1 {
    margin-left: 12px;
    margin-top: 12px;
    margin-bottom: 2px;
    font-weight:bold;
    font-size:12px;
}

#content h2 {
    font-weight:bold;
    font-size:13px;
}

#content table tr td {
    line-height: 18px;
}

#content table tr td img {
    margin-bottom: 6px;
}

#content table.punits  {

}

#content table.punits tr td {
    padding: 0px;
    height:10px;
    vertical-align:top;
}

#content table.punits input {
    margin-left:5px;
}

/* 'big' is the table for articles grid */

#content table.big {
    margin-left: 12px;
    margin-top: 12px;
}

#content table.big tr td {
    padding: 8px;
    background-color: #F7F7F1;
    width: 170px;
    height:147px;
    vertical-align:top;
    border-right:13px solid white;
    border-bottom:13px solid white;
}

#content table.big tr td.long {
    width: 366px;
}

#content table.shoppingCart {
    margin-left: 12px;
    margin-top: 12px;
    width:582px;
}

#content table.shoppingCart tr td {
    padding: 5px;
    background-color: #F7F7F1;
    border-bottom:2px solid white;
    vertical-align:top;
    line-height: 18px;
}

#content table.shoppingCart tr td.price {
    text-align:right;
    font-weight:bold;
}

#content table.shoppingCart tr.sum td {
    background-color:#E4E4D1;
    font-weight:bold;
    padding: 2px;
    padding-right: 5px;
}

#content div {
    padding: 14px;
    margin:12px;
    background-color: #F7F7F1;
}

#content div.article {
    position: absolute;
    left: 12px;
    top:45px;
    padding: 0px;
    margin:0px;
}

#content div.articleData {
    float:left;
    width:350px;
    margin:0px;
}

#content div.articlePicture {
    float:right;
    margin:0px;
    height:100%;
}

#content div.articlePicture p {
    margin-top:7px;
}

#content div.buttons {
    background-color:#ffffff;
    padding:0px;
    text-align:right;
}

img.gridZoom {
    display:inline;
    margin-left:10px;
}

#content div.buttons input,
#content div.buttons div, 
#content div.buttons p, 
div.button, 
input.button {
    background-color: #174B00;
    color:white;
    font: 10px Arial;
    letter-spacing: 0.1em;
    text-transform:uppercase;
    border-style:none;
    padding-top:2px;
    padding-bottom:1px;
    padding-left:6px;
    padding-right:6px; 
    margin:auto;
}

#content div.buttons div, 
#content div.buttons p, 
div.button {
    display: inline;
    padding-top:4px;
    padding-bottom:2px;  
    padding-left:10px;
    padding-right:10px; 
}

#content div.buttons a, input.button a {
    color:white;
    font: 10px Arial;    
    text-decoration:none;    
}

#content a  {
    text-decoration:underline;
}

#content ul {
    margin-left: 5px;
}

/*
*********************** breadcrumbs ***********************
*/

#breadcrumbs {
    position: absolute;
    left: 210px;
    top:129px;
    font-weight: bold;
}

#breadcrumbs a, #breadcrumbs span {
    font-weight: bold;
}

#breadcrumbs a:link, div a:visited {
    text-decoration:none;
}

#breadcrumbs a:hover, div a:active {
    text-decoration:underline;
}

/*
*********************** breadcrumbs ***********************
*/

/*
*********************** catalog ***********************
*/

#catalog {
    position: absolute;
    left: 0px;
    top:144px;
    width:201px;
    background-color: #E4E4D1;
    background-image:url(../images/background.gif);
    line-height:16px;
}

#catalog div {
    margin-top:3px;
    padding-left:25px;
    padding-top:5px;
    padding-bottom:5px;
    background-position: 17px 0px;
    background-repeat: repeat-y;  
    line-height:18px;
    vertical-align:middle;
}

#catalog div a {
    line-height:16px;
    text-decoration:none;
}

#catalog div a:hover, #catalog div a:active { 
    text-decoration:underline;
}

#catalog div.item {   
    background-color:#F7F7F1;
    background-image:url(../images/catalog-item.gif);  
}

#catalog div.top {   
    background-color:#CED0BB;
    background-image:url(../images/catalog-item.gif); 
}

#catalog div.top a {
    font-weight:bold;
}

#catalog div.current {
    background-color:#BAC9B3;
    background-image:url(../images/catalog-current.gif); 
}

#catalog div.odd {   
    background-color:#CED0BB;
    background-image:url(../images/catalog-odd.gif); 
}

#catalog div.special {
    background-image:url(../images/catalog-item-special.gif);
    background-color: #A3A941;
    font-weight:bold;
}

#catalog div.special a {
    font-weight:bold;
}

/*
*********************** catalog ***********************
*/

#products {
    position: absolute;
    left: 201px;
    top:45px;
    width:589px;
}

#search {
    color:white;
    padding-top:8px;
    padding-left:25px;
    background-image:url(../images/search-background.gif);
    background-position: 17px 0px; 
    background-repeat: repeat-y;
    background-color: #426B2C;
}

#search strong {
    color:white;
    font-weight:bold;
}

#search input.text {
    margin-bottom:7px;
    margin-top:7px;
    border-top:1px solid #426B2C;
    border-left:1px solid #426B2C;
    border-bottom:1px solid #CFD47E;
    border-right:1px solid #CFD47E;    
}

#search input.radio {
    margin-left:-5px;
}

#subnavi {
    position: absolute;
    left: 810px;
    top:88px;
}

#onlineshop {
    position: absolute;
    left: 70px;
    top:88px;
    font-size:12px;    
    font-weight:bold;
}

/*
*********************** naviright ***********************
*/

#naviright {
    position:absolute; 
    left:825px; 
    top:144px; 
    width:183px;
}

#naviright div {
    margin-top:3px;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;  
    padding-right:15px;
    background-position: 167px 0px; 
    background-repeat: repeat-y; 
}

#naviright div.normal {
    color: #ffffff;
    background-color: #7F996A;
    background-image:url(../images/naviright-background.gif);  
}

#naviright div.normal strong {
    color: #ffffff;
}

#naviright div.normal a {
    color: #ffffff;
   text-decoration:none;
}

#naviright div.normal a:hover, #naviright div.normal a:active {
    text-decoration:underline;
}


#naviright div.normal img {
    margin-top:4px;
}

#naviright div.shoppingcart {
    background-color: #CBD078;
    background-image:url(../images/shopping-cart-background.gif);   
}

#naviright div.shoppingcart a {
    font-weight:bold; 
    text-decoration:none; 
}

/*
*********************** naviright ***********************
*/

/*
*********************** misc ***********************
*/

div.paging span {
  color:#8EA33A;
  font-weight:bold;
}

td {
    vertical-align:top;
}

td.price {
    text-align:right;
}

hr {
    color: #174B00;
    background-color: #174B00;
    border-style: none;
    height:1px;
    margin-right:10px;
}

hr.white {
    color: #ffffff;
    background-color: #ffffff;
    border-style: none;
    height:1px;
    margin-right:10px;
}

img {
    border-style: none;
}

strong, p.strong, td.strong, a.strong, span.strong {
    font-weight:bold;
}

strong.alarm, p.alarm, span.alarm, a.alarm, ul.alarm li {
  font-weight:bold;
  color:red;
}

input, textarea, select  {
    border: 1px solid #174B00;
}

td.radios input, input.radio {
    border-style: none;
    margin-left:0px;
    margin-bottom:0px;
    vertical-align:text-bottom;
    padding:0px;
}

form {
    margin:0px;
    padding:0px;
}

fieldset {
    border:1px solid #174B00;
    padding:6px;
    margin:8px;
}

legend {
    font-weight:bold;
}

#content div.admin, div.admin {
  text-align:right;
  padding: 0px;
  clear:both;
}

form.admin input, form.admin textarea {
  margin-bottom:7px;
}


form.admin input.radio, form.admin input.inline {
  margin-bottom:0px;
}

form.admin h2 {
    margin-top:0px;
    font-weight:bold;
    font-size:12px;
}

#adminsubnavi {
    position: absolute;
    left: 200px;
    top:86px;
}

#adminsubnavi a:link, #adminsubnavi a:visited  {
    text-decoration:none;
}

#adminsubnavi a:hover, #adminsubnavi a:active {
    text-decoration:underline;
}

div.del {
    padding-top:4px;
    padding-bottom:2px;  
    padding-left:10px;
    padding-right:10px; 
    background-color: red;
    color:white;
    font: 10px Arial;
    letter-spacing: 0.1em;
    text-transform:uppercase;
    border-style:none;
    margin:auto;
}

div.del a {
    color:white;
    font: 10px Arial;    
    text-decoration:none;    
}

/*
* $Log: shop.css,v $
* Revision 1.1  2008/02/07 17:05:33  justme
* Interim
*
* Revision 1.18  2006/09/01 13:23:09  justme
* Added magnifier glass
*
* Revision 1.17  2006/08/18 14:17:07  justme
* Global layout changes
*
* Revision 1.16  2006/07/07 09:56:11  justme
* minor
*
* Revision 1.15  2006/06/29 11:20:30  justme
* Mail refactored, delete article implemented
*
* Revision 1.14  2006/06/28 19:28:52  justme
* Refactored, bugfixed, article creation and catalogizing added
*
* Revision 1.13  2006/06/22 11:43:03  justme
* Further enhancements and debugging
*
* Revision 1.12  2006/06/20 12:40:19  justme
* admin stuff
*
* Revision 1.11  2006/06/16 20:21:24  justme
* Further refactoring and bugfixes
*
* Revision 1.10  2006/06/15 11:35:07  justme
* minotr enhancement
*
* Revision 1.9  2006/06/14 08:58:11  justme
* initial revision
*
* Revision 1.8  2006/06/13 22:21:53  justme
* cosmetic changes
*
* Revision 1.7  2006/06/12 17:02:32  justme
* various fixes
*
* Revision 1.6  2006/06/12 16:09:20  justme
* Refactoring and various fixes
*
*/