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

Title : Zollinger Samen
Author : Keith Bingman/Insivible GmbH
URL : http://zollinger-samen.ch

Description : 

Created : 21.08.2007
Modified : 12.10.2010

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

/* ----- Reset----- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}
ol,ul {list-style: none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6,small {font-size:100%;}
q:before,q:after {content:'';}

/* ----- Grid ----- */
p, ul, ol {margin: 0 0 18px 0;}



/* ----- Page CSS ----- */

html {}	
body {font: 13px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; background: #fef6ee;} /**/

/* ----- IDS ----- */

#about { margin-right: 20px; }
#about ul { list-style: square; padding-left: 20px; margin-right: 20px; }

#container {position: relative; width: 960px; margin: 0 auto; color: #333; background: url('/images/zollinger/body.png'); border: solid    #fdaa6c; border-width: 0;}	
#content {margin: 0 150px 0 248px; padding: 18px 0 54px 0;}	
#content p { margin-right: 30px; }

#category {margin-top: 18px;}

#footer {clear: both; padding: 18px 0 1px 0; text-align: center; background: #f4e2d6; border-top: 2px solid #f28479;  }
  /* url('../images/zollinger/border.png') top repeat-x; */
#footer span {margin: 0 0.5em;}
#footer p {margin: 0 0 0 0;}

#genus li, #varieties li {min-height: 106px; margin: 0 0 22px 0;}

#header {position: relative; height: 124px; border-bottom: 2px solid #f28479; }
  /* background:transparent url('../images/zollinger/border.png') bottom repeat-x; */
#languages { margin: 9px 18px; font-size: 14px; }

#logo {position: absolute; top: 0; left: 0; width: 222px; height: 160px; }
#logo a {display: block; width: 222px; height: 160px; }
/* text-indent: -10000px;  background: url('../images/1631/logo.jpg') no-repeat; */
 
#menubar {height: 16px; font-weight: bold; border: solid #f28479; border-width: 0 0 2px 0; background: #f8e2d5; }
  /*  url('../images/zollinger/border.png') bottom repeat-x; */
  


#photos {width: 126px; float: left;}
#photos img {float: none}

.pictures { width: 108px; float: left; }
.pictures p { margin: 0; }
.pictures img { float:none; margin: 0 0 18px 0; }

#quote {position: absolute; top: 0; right: 0; display: block; height: 104px; width: 140px; 
  padding: 10px; text-align: center; background: url('/images/zollinger/quote.jpg') no-repeat;}

#samenDerWoche {position: absolute; left: 248px; width: 530px; margin: 12px 0; font-size: 12px; }
#samenDerWoche h4 {border-bottom: 1px solid #555;} 
#samenDerWoche h5 { font-size: 11px; font-style: italic; margin: 0 0 4px 0;} 
#samenDerWoche .seeds { width: 80px; float: left; margin-right: 10px; }
#samenDerWoche .seeds p { margin: 8px 0; font-size: 11px; line-height: 16px; }
#samenDerWoche img { border: 1px solid black; margin: 8px 8px 8px 0; float: left; }  
#samenDerWoche .weekly_intro { margin: 6px 0 0 90px; }
#samenDerWoche .weekly_intro p { margin: 4px 0; }


 
#search  { font-size: 14px; margin: 9px 18px ;}


#sidebar { float: left; left: 0; width: 240px; margin-top: 18px; }
#sidebar h2 { margin: 0 0 0 12px; }    










/* ----- Right sidebar ----- */ 

#teaser { float: right; width: 160px; height: 690px; padding-bottom: 0;
  background: url('/images/zollinger/naked_lady.jpg') 0 92px no-repeat; }



/* ----- CLASSES ----- */

.hide {visibility: hidden;}
.show {visibility: visible;}

.soldout { color: red; }

#introText p.more { margin-top: -18px; }

.openquote {text-indent: -10000px; display: block; float: left; width: 18px; height: 18px; margin: 0 0 0 0;
  background: url('../images/zollinger/open_quote.png') 8px 12px no-repeat;}

.endquote {text-indent: -10000px; display: block; display: block; float: right; width: 18px; height: 18px; margin: 0 -8px 0 -4px;
  background: url('../images/zollinger/end_quote.png') 0 0 no-repeat; }

.image {float: left; border: 1px solid black; margin: 0 18px 18px 0;}
.icon {float: left; border: 1px solid black; margin: 0 18px 18px 0;}

.description {margin: 0 20px 18px 126px; min-height: 126px; padding-right: 24px; }

/* #product .description {margin: 0 0 0 145px;} */

.item {position: relative; margin: 0 0 0 0; padding: 0 0 0 0;}
.item h4 {position: absolute; left: 100px;}
.item .price {position: absolute; top: 54px; left: 100px;}


/* ----- HEADINGS ----- */

h1, h2, h3 {font-family: Palatino, Constantia, Georgia, "Times New Roman", serif; }

h1 {font-size: 24px; margin: 0 0 0 0; line-height: 36px; color: #775844; font-weight: normal;}
h2 {font-size: 24px; margin: 0 0 0 0; line-height: 36px; color: #444; font-weight: normal;}
h3 {font-size: 16px; margin: 0 0 0 0; line-height: 36px; color: #444; font-weight: bold;}
h4 {font-size: 14px; margin: 0 0 0 0; line-height: 18px; color: #444; font-weight: bold;}
h5 {font-size: 11px; margin: 0 0 18px 0; line-height: 18px; color: #222; font-weight: normal;}

h5.species {font-style: italic; font-size: 12px; margin: 0 0 0 0; line-height: 18px; color: #222; font-weight: normal;}

h4 a {color: #444; text-decoration: none; }
h4 a:hover {color: #c95246;}





/* ----- PARAGRAPHS ----- */

small {font-size: 11px;}
p#breadcrumbs {margin: 0 0 18px 0;}




/* ----- QUOTES ----- */

blockquote {}
blockquote p {}
cite {}
blockquote cite {}



/* ----- LISTS ----- */

li li {margin-left: 10px;}



ul#siteNav { margin: 0 0 0 248px; font-size: 12px; }
#siteNav li {display: inline; margin-right: 10px;}
#siteNav li a {color: #444;}
#siteNav li a:hover {color: #c95246; text-decoration:none;}
#siteNav li.active a {color: #222;}
#siteNav li#direct_order { margin: 0 0 0 2em; padding: 0 0 0 2.5em; background: url('/images/zollinger/gartenkorb_small.png') 8px -2px no-repeat;}

ul#serviceNav {}
#serviceNav li {display: inline; margin: 0 0.5em;}

#subspecies li img {margin: 0 18px 18px 0;}
#subspecies li a {color: #777; text-decoration: none; font-weight: bold;}
#subspecies li a:hover {color: #c95246;}

ul#varieties {margin: 18px 40px 18px 0;}
ul#varieties h4 { margin-left: 126px; }
ul#varieties div.links { margin-left: 126px; }

ul#thumbnails {list-style:none}

ul#products {margin: 0 0 36px 0; }
ul#products li {display: block; }
ul#products li .pictures img.image { float: left; margin: 0 18px 0 0; border: 1px solid black; }
ul#products li h4, ul#products li .description h4 { position: relative; margin: 0 0 9px 0; }
ul#products li h4 span.sz img, ul#products li .description h4 span.sz img { border: none; margin: 0 10px -9px 9px; float: none; }

/* Dots */ 
ul#products li h4 span.dot { display: inline-block; width: 8px; height: 8px; margin: 0 0; line-height: 8px;
   text-indent: -10000px; } 
#product h2 span.dot { display: inline-block; width: 12px; height: 12px; line-height: 12px;
   text-indent: -10000px; margin: 8px 0 0 0;; }
 

ul.overview {width: 540px; }
ul.overview li {float: left; height: 90px; margin: 0;}
ul.overview li img {float: left; margin: 0 18px 0 0; border: 1px solid black;}

ul#genus { margin-right: 40px; }
ul#genus h4 { margin-left: 126px; }
ul#genus div.links { margin-left: 126px; }

/* ----- BREAK ----- */

hr.clearboth {clear: both; visibility: hidden; margin: 0 0 -2px 0;}
hr.clearleft {visibility: hidden; margin: 0 0 -2px 0;}


/* ----- TEXT FORMATTING ----- */

strong, b {font-weight: bold;}
em, i {font-style: italic;}


/* ----- LINKS ----- */

a {color: #c95246; text-decoration: none;}
a:hover {color: #c95246; text-decoration: underline;}
a:focus {-moz-outline-style:none}

a:visited {}
a:active {}
a:focus {}


/* ----- Price Table
---------------------------------------------------------- */

table#prices { width: 98%; border-bottom: 1px solid #d5d5d5;  }
#prices th {font-weight: bold;}
#prices td { vertical-align: top; border-top: 1px solid #d5d5d5; }
#prices td.article_number, #prices th.article_number { width: 88px; }
#prices td.price { padding-left: 0;  text-align: right;}
#prices th.price { padding-left: 0;  text-align: right;}
#prices th.quantity { width: 180px; text-align: left;}
#prices td.portion { width: 180px; padding-right: 0px;}
#prices td.add, #prices th.add { }
/*---- #prices td.add form { margin: 0 3px; border: none; width: 10px;}---*/


/* ----- FORMS ----- */

form{}
fieldset{}
legend {}
label {}
input { height: 1.5em;}
input.plus { height: auto; }
input#submit, input#weiter { height: auto; }
textarea {}
input, textarea {}
select {}
optgroup {}
option {}

#search label {display: block;}
#search input {border: 1px solid #9a9a9a; width: 120px;}


/* SLIMBOX */

#lbOverlay { position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer;}
#lbCenter, #lbBottomContainer { position: absolute; left: 50%; overflow: hidden;background-color: #fff;}

.lbLoading { background: #fff url(../images/slimbox/loading.gif) no-repeat center; }

#lbImage { position: absolute; left: 0; top: 0; border: 8px solid #fff; background-repeat: no-repeat; }

#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }

#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(prevlabel.gif) no-repeat 0% 15%; }

#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(nextlabel.gif) no-repeat 100% 15%; }

#lbBottom { color: #666; text-align: left; border: 8px solid #fff; border-top-style: none;}

#lbCloseLink { display: block; float: right; width: 66px; height: 22px;
  background: transparent url(../images/slimbox/closelabel.gif) no-repeat center; margin: 5px 0; }

#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }
 
 
/* ----- Planting Times Graph 
---------------------------------------------------------- */

#graph { position: relative; margin: 0 0 18px 0; padding: 18px 0 4px 0; width: 290px; 
  line-height: 18px; overflow:hidden; }     

#graph_bg { position: absolute; top: 0; left: 80px; }     

#sow { position: relative; }
#pikieren { position: relative; }
#planting { position: relative; }
#reap { position: relative; }


.sowTimes { position: absolute; height: 14px; top: 2px; overflow:hidden; }
.pikierenTimes { position: absolute; height: 14px; top: 2px; overflow:hidden; }
.plantingTimes { position: absolute; height: 14px; top: 2px; overflow:hidden; }
.reapTimes { position: absolute; height: 14px; top: 2px; overflow:hidden; }    



/* Buttons */

input#update  { margin: 0; padding: 0 0 2px 0; border: none; height: 21px; width: 90px; color: #000; cursor: pointer;
  background: #fff url('../images/zollinger/button_90.png') no-repeat; }
input#register  { margin: 0; padding: 0 0 2px 0; border: none; height: 21px; width: 90px; color: #000; cursor: pointer;
  background: #fff url('../images/zollinger/button_90.png') no-repeat; }
input#checkout  { margin: 0; padding: 0 0 2px 0; border: none; height: 21px; width: 130px; color: #000; cursor: pointer;
  background: #fff url('../images/zollinger/button_130.png') no-repeat; }
input#order { width: 120px; height: 21px; padding: 0 0 2px 0; border: none; float: right; margin-top: 1.0em; font-size: 11px;
  background: #fff url('../images/zollinger/button_120.png') no-repeat;   }


#updateCartFr { position: absolute; bottom: 0; right: 12.0em; margin: 0; }


#shop #breadcrumbs, #breadcrumbs.shop { color: #999; }
#shop #breadcrumbs .active, #breadcrumbs.shop .active { color: #444; }




#mission_statement { margin: 0 0 18px 18px; width: 190px; }
#mission_statement h3 { line-height: 1.5; }







/* ----- Front Page
---------------------------------------------------------- */

#introText { margin: 0 20px 0 260px; min-height:380px; }

#featuredProducts { width: 240px; float: left; margin-right: 20px;  }
#featuredProducts .productIntro { min-height: 72px; margin: 0 0 18px 0; border-bottom: 0 solid black; }
#featuredProducts .productIntro img { border: 1px solid black; margin: 0 18px 18px 0; float: left; }
#featuredProducts hr { visibility: hidden; margin: 0; height: 0; }

#featuredProducts .productIntro p { margin: 0 18px 18px 90px; }
#featuredProducts .productIntro h4 { margin-left: 90px; }

ul#productResults { margin-left: 0; }
#productResults li { min-height: 58px; }
#productResults li img { border: 1px solid black; float: left; margin: 0 10px 0 0; }
#productResults li div.desc { margin-left: 52px; }

#errorExplanation  { display: none; }
.error-with-field { color: red; }


/* ----- TOOLTIPS 
---------------------------------------------------------- */

.tool-tip { color: #222; width: 179px; z-index: 13000; }
.tool-title { font-weight: bold; font-size: 11px; margin: 0; color: #222; padding: 4px 8px 2px 8px; background: #b39985; }
.tool-text { }

#tooltip {
	position: absolute;
	color: #222; 
	width: 179px;
	z-index: 3000;
	background: #e9ceb9;

}
#tooltip h3 { margin: 0; font-size: 11px; line-height: 1.5; font-weight: bold; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
 color: #222; padding: 4px 8px 2px 8px; background: #b39985; }
#tooltip div { font-size: 11px; padding: 2px 8px 10px 8px; background: #e9ceb9; border-bottom: 4px solid #c8ac96;  }



.latin { font-style: italic; }
.error { margin: 9px 0 0 5px; color: #444; }

#product.Gemüsesamen h2 span.dot, ul#products.Gemüsesamen li h4 span.dot { background: #f5e500; }
#product.Kräutersamen h2 span.dot, ul#products.Kräutersamen li h4 span.dot { background: #9d8fae; }
#product.Blumensamen h2 span.dot, ul#products.Blumensamen li h4 span.dot { background: #df6b91; }
#product.Gründüngungssamen h2 span.dot, ul#products.Gründüngungssamen li h4 span.dot { background: #a7d2a7; }

span.new { margin: 0 0 0 9px; color: red; }
p.new { color: red; }

iframe { height: 18px; width: 180px; border: none; }
#item_count { background: white; font-size: 11px; }

#product { position: relative; }
div.sz { width: 120px; margin-top: -20px;  }
ul#small_products { width: 120px;  } 
ul#small_products li { display: inline; float: none; }
ul#small_products li img { display: inline; float; none; }


#cart { position: relative; border: 1px solid white; }        
 
#prices tr.active td { background: #f4e2d6; }
#prices td .order_trigger { position: relative; }
#prices .order_form {    
  position: absolute;     
  top: 23px;
  left: -255px;
  background: white;
  border: 3px solid #f28479;  
  z-index: 100; 
  width: 302px; 
  padding: 12px 16px 12px 12px;
} 
#prices .order_form form {
  width: auto;
  margin: 0 0 0 54px; 
}
.description #prices .order_form form h4 {
  margin: 0 0 0 0;
}  
#prices .order_form form h5 {
  margin: 0 0 3px 0;
}
#prices .order_form form .group {   
  position: relative;
  margin: 6px 0 9px; 
  padding: 3px 0;  
  height: 18px;
  border: solid #d5d5d5; 
  border-width: 1px 0;
} 
#prices .order_form form .group input.quantity {    
  position: absolute;
  right: 0;
  margin: 0 0 0 0; 
  border: 1px solid #f28479;    
} 
#prices .order_form form .buttons {  
  text-align: right;
  margin: 0 0 6px 0;
}

#prices .order_form form .buttons input {  
  height: auto;
}

#prices .order_form a {confirmOrder
  display: inline;
}

#prices .order_form a.widget {
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  right: 4px; 
  top: 4px; 
  font-weight: bold;
  text-indent: -10000px;
  overflow: hidden;
  background: white url('/images/zollinger/close.png') no-repeat; 
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/images/zollinger/overlay.png'); 
}
.order_trigger { display: none; }

/* ----- Shopping Cart
---------------------------------------------------------- */

#articleCounter { border-top: 1px solid #555; }    
#shoppingCart { position: fixed; bottom: 75px; padding: 16px 8px;
  width: 144px; margin: 0; font-size: 11px; border: none; border: solid #f28479; border-width: 2px 0; 
  background-image: url('/images/zollinger/shopping_cart.png'); } 
#shoppingCart #basket { text-align: right; display: none; }
#shoppingCart h4 { border-bottom: 1px solid #555; font-size: 13px; }
#shoppingCart ul { font-size: 11px; color: #555; line-height: 16px; margin: 8px 0 0 0; }
#shoppingCart p { font-size: 11px; margin: 10px 0 0 0;}
#shoppingCart a { color: #555;}
#shoppingCart a:hover { color: #c95246; text-decoration: underline; }
#shoppingCart li a img { position: absolute; right: 0; top: 20px; }  
#shoppingCart #cart { border: none; }
#shoppingCart .quantity {float: left; display: block; } 
#shoppingCart .item { display: block; margin-left: 1.4em; }     
#shoppingCart .notice { position: absolute; left: 0; top: 0; width: 144px; padding: 2px 8px 6px; background: url('/images/zollinger/orange.png'); } 


/* ----- Shopping Cart Page
---------------------------------------------------------- */   

input.text { margin: 0; border: 1px solid #777; }

#shop { width: 530px; position: relative; padding-bottom: 35px; }

#shoppingCartTable { margin-top: 50px; font-size: 13px; }
#shoppingCartTable, #directOrderTable, #confirmOrder { width: 100%; }
#shoppingCartTable th, #directOrderTable th, #confirmOrder th { padding: 0 5px; font-weight: bold; background-color: #f28479; }
#shoppingCartTable td, #directOrderTable td { padding: 0 5px; }

.quantity input { width: 20px; margin-left: 5px; text-align: right; }
td.remove input { height: auto; }

#shoppingCartTable td { border-bottom: 1px solid #f26759; vertical-align: top; }
#shoppingCartTable td img { margin: 5px 0 0 0; border: 1px solid black; }
#shoppingCartTable p {margin: 0.5em 0; }

#shoppingCartTable .thumbnail { width: 50px; }
#shoppingCartTable .article a { color: #444; font-weight: bold; }
#shoppingCartTable .article a:hover {color: #c95246; text-decoration: underline;}
#shoppingCartTable .remove { width: 50px; }
#shoppingCartTable .remove a { color: #999; width: 50px; }
#shoppingCartTable .remove a:hover {color: #c95246; text-decoration: none;}

table .quantity, #confirmOrder .quantity { width: 40px; text-align: right; padding-right: 0; }
table .price, #confirmOrder .price  { width: 85px; padding-right: 10px; text-align: right; }

#confirmOrder .number { width: 25px; }
#confirmOrder .article { width: auto; }
#confirmOrder td { border-bottom: 1px solid #f26759; vertical-align: top; padding: 2px 5px; }
#confirmOrder tr.total td { border: none; }

#shoppingCartTable .dot, #confirmOrder .dot { display: inline-block; height: 8px; width: 8px; line-height: 8px;
  text-indent: -10000px; background-color: #f5e500;}
  
#shoppingCartTable .price { width: 72px; text-align: right;  }
#shoppingCartTable .total td { border: none; }

#directOrder table { width: 100%; }
#directOrder th { border-bottom: 1px solid #f26759;}
#directOrder td { padding: 4px; }
#directOrder th.articleNr { width: 336px;}
#directOrder td.articleNr input { width: 170px;  margin: 0; padding: 0;  }

#directOrder th.quantity { width: 42px; margin: 0; padding: 0 10px; }
#directOrder td.quantity input { width: 20px; margin: 0; text-align: right; }

#directOrder td.submit input { margin: 0; border: none; height: 21px; width: 78px; color: #000;
  background: #fff url('../images/zollinger/button_78.png') no-repeat; }

#directOrder th { font-weight: bold; padding: 0 0 0 5px;}
#directOrder td.clearFields { width: 3em; text-align: right; }

#submit { float: right; margin-top: 0; }

#register form { margin: 0; width: 258px;}
#register form p { margin: 0; padding: 2px; }

#register form table { width: 100%; margin: 0; }
#register form table td { padding: 2px 0;  }
#register form table td.label { text-align: right; padding-right: 1.5em; padding-top: 2px; width: 90px; vertical-align: top; }
#register form table td.required { padding-right: 0.8em; }
#register form table td.submit { padding-top: 8px; }
#register form table td.star { padding-top: 180px; }
#register form table td label { font-weight: bold; }
#register form table td input.text { width: 150px; margin: 0; height: 18px;}
#register form table td input.checkbox { margin: 4px -2px 0 0; }
#register form table td textarea {width: 150px; height: 60px;  border: 1px solid #777; } 
#register form table #submit { float: none; margin: 0; }
#register form table select { width: 8em; }

#info { float: right; width: 260px; margin: -7px 0 27px 0; }
#info p { margin-right: 18px; }
#infoText { margin-bottom: 18px; }

p#continue { position: absolute; top:0; right: 0; margin: 0; text-align: right;} 

#upperNextStep { margin: 0; position: absolute; top: 16px; right: 0; }
#nextStep { margin: 0; position: absolute; bottom: 0; right: 0; }
/*
#upperNextStep a, #nextStep a { color: #adc225; } */


#updateCart { position: absolute; bottom: 0; right: 12.5em; margin: 0; }


table#confirmAddress {margin-bottom: 18px; }
#confirmAddress td { vertical-align: top; padding: 0 10px 0 0; margin-right: 20px;}
/* ----- Main sidebar navigation ----- */
  
#navigation { margin: 0 18px 36px 12px; line-height: 1.5; }
#navigation li { margin-bottom: 3px; font-size: 15px; }
#navigation li a { display: block; color: #333; padding-left: 12px; padding-right: 0; background: url('/images/zollinger/arrow.png') 0 7px no-repeat; }
#navigation li a:hover { color: #c95246; text-decoration:none; } 
#navigation li.active a { font-weight: bold; }        
#navigation li li { }
#navigation li ul { margin: 0 0 0 13px; padding: 0 0 0 0; border-left: 1px solid #a18962; width: 196px; }  
#navigation li.active li { padding: 0 0 0 0; margin-bottom: 0; margin-left: 0; font-size: 14px; }  
#navigation li.active li a { padding-left: 6px; margin-left: 0; font-weight: normal; background: none; color: #a18962; background-image: none; }
#navigation li li.active a { font-weight: normal; color: #333; }
#navigation li li a:hover { font-weight: normal; color: #333; background-image: none; }
/* slideshow */
#slideshow {
  position: relative;
  width: 578px;
  height: 164px;
  margin-top: 42px;
  margin-left: -26px;
  background: white; }
  #slideshow img {
    position: absolute;
    top: 0;
    left: 0; }