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

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

Description : 

Created : 21.08.2007
Modified : 21.08.2007

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

/* ----- 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; text-indent: -10000px;}
#logo a {display: block; width: 222px; height: 160px; background: url('images/zollinger/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; */
  
#navigation {margin: 0 18px 18px 18px;}

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


#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: 320px; margin: 18px 0;}
#samenDerWoche h4 {border-bottom: 1px solid #555;}
#samenDerWoche .seeds { width: 150px; float: left; margin-right: 10px; }
#samenDerWoche p { margin: 8px 0; font-size: 11px; line-height: 16px; }
#samenDerWoche img { border: 1px solid black; margin: 8px 8px 8px 0; float: left; }

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


#sidebar { float: left; left: 0; width: 240px; margin-top: 18px; margin-bottom: 36px; }
#sidebar p { width: 180px; }
#sidebar h2 { margin: 0 0 0 0; }
#sidebar ul { margin: 0 0 0 18px; }
#sidebar ul li { margin: 0; }
#sidebar li ul { margin: 0; }

/* Main sidebar navigation */

#navigation { margin-bottom: 36px; font-size:14px; line-height: 1.5; }
#navigation li { margin-bottom: 3px; }
#navigation li a { display: block; color: #333; padding-left: 12px; background: url('images/zollinger/arrow.png') 0 5px no-repeat; }
#navigation li a:hover { color: #c95246; text-decoration:none; }
#navigation li.active a { font-weight: bold; }
#navigation li.active li a { font-weight: normal; }
#navigation li ul { margin: 0 0 0 0; }

#navigation li li { margin-bottom: 0; }
#navigation li li.active a { font-weight: bold; }

#searchsubmit { display: none; }



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



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

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

.soldout { color: red; }
.hidden { visibility: hidden; } 

#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;}

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 img {float: left; margin: 0 18px 0 0; border: 1px solid black;}

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%;}
#prices th {font-weight: bold;}
#prices td { vertical-align: top;}
#prices td.article_number, #prices th.article_number { width: 80px; }
#prices td.price { padding-left: 0;  text-align: left;}
#prices th.price { padding-left: 0;  text-align: left;}
#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; 
  background: url('/images/zollinger/planting_times.png') 80px 0px no-repeat;}

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

.sowTimes { position: absolute; height: 14px; top: 2px; background-color: #f5e500; }
.pikierenTimes { position: absolute; height: 14px; top: 2px; background-color: #ee82ee; }
.plantingTimes { position: absolute; height: 14px; top: 2px; background-color: #52b22a; }
.reapTimes { position: absolute; height: 14px; top: 2px; background-color: red; }



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

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

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

#shoppingCart { position: absolute; left: 610px; width: 170px; margin: 18px 0; font-size: 11px;
  background: url('/images/zollinger/gartenkorb.png') 20px right no-repeat;}
#shoppingCart h4 { border-bottom: 1px solid #555; }
#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;}

#articleCounter { border-top: 1px solid #555; }
#shoppingCartTable { margin-top: 50px; }
#shoppingCartTable, #directOrderTable, #confirmOrder { width: 100%; }
#shoppingCartTable th, #directOrderTable th, #confirmOrder th { padding: 0 5px; font-weight: bold; background-color: #adc225; }
#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: 70px; padding-right: 10px; text-align: right; }
#shoppingCartTable th.price { 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; }

#directOrderList li.header { font-weight: bold; padding: 0; background: #adc225; }
#directOrderList li.header .quantity { width: 42px; }
#directOrderList li.header .articleNr { width: 140px; padding: 0 4px; }
#directOrderList li.header .article { width: 140px; }
#directOrderList li.header .price { position: absolute; top: 0; right: 32px; font-weight: bold;}

#directOrderList li { position: relative; padding: 2px 0; background: #fff; border-bottom: 1px solid #f4e2d6; }
#directOrderList li.even { background: #f4e2d6; }
#directOrderList li div { float: left; }
#directOrderList .position { width: 16px; padding: 0 4px; }
#directOrderList .articleNr { width: 124px; margin: 0; padding: 0; }
#directOrderList .articleNr input { width: 120px;  margin: 0; padding: 0;  }

#directOrderList .article { width: 280px; font-weight: bold; }

#directOrderList .priceResults { position: absolute; top: 2px; right: 30px; font-weight: bold;}
#directOrderList div.clearboth { float: none; clear: left; }

#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: 32px; 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; }


/* 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; }
a#checkout { display: inline-block; height: 18px; padding: 2px 0; width: 120px; color: #000; font-size: 11px;
  background-image: url('/images/zollinger/button_120.png'); background-repeat: no-repeat; 
  text-align: center; background-position: 0 0px; }
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 { color: #999; }
#shop #breadcrumbs .active { color: #444; }

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

#confirmOrder td { border-bottom: 1px solid #f26759; vertical-align: top; padding: 2px 5px;}

table#confirmAddress {margin-bottom: 18px; }
#confirmAddress td { vertical-align: top; padding: 0 10px 0 0; margin-right: 20px;}




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

#introText { margin: 0 20px 0 260px; }

#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; }


iframe { position: absolute; top: 0; left: 222px; border: none; overflow: hidden; width:578px; height: 124px; }

#respond textarea { width: 524px; }
.navigation { width: 520px; height: 18px; margin: 0 0 18px 0;}
.alignleft { text-align: left; }
.alignright { text-align: right; margin: -18px 0 0 0;}
#content .post small { margin: 0 0 18px 0; display: block; }