/* box model hack: -----------------
div.content {   
  width:400px;               width incl. padding & border for IE5, IE5.5
  voice-family: "\"}\"";     cause parsing bug in IE5, IE5.5 and opera 5 
  voice-family:inherit;
  width:300px;               correct width excl. padding & border 
} 

html>body .content {         be nice to opera 5
  width:300px;
} 
   ------------------------------ */
/* rule only recognised by IE5, IE5.15 & IE5.21/mac, IE5.0, IE5.5 & IE6/Win
   * html div.content {
	width: 400px;
}
   ------------------------------ */


/* ---------------------------------
   1) resets
   2) general selectors
       a) block elements
       b) inline elements
       c) general classes
       d) non-layout id's
   3) layout areas
       a) wrapper
       b) header
       c) navigation
       d) text
       e) footer
   4) special pages
	   a) allbrands.php
	   b) allcategories.php
       c) allprods.php
       d) index.php
	   e) product_info.php
	   f) quickorder.php
   ------------------------------ */
/* ---------------------------------
   1) resets
   ------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	vertical-align: baseline;

	outline: 0;
	padding: 0;
	border: 0;
	margin: 0;	
}
body {
	line-height: 1;
	color: #000;
	background-color: #fff;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* ---------------------------------
   2) general selectors
   ------------------------------ */
/* 2a) block elements ----------- */
html, body {
	font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
	color: #000050;
	line-height: 1.3em;
	background: #fbff85;
}
* html body {
	text-align: center; 
}
h1, h2, h3 {
	font-weight: normal;
}
h1 {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
	font-size: 21px;
	text-align: center;
	padding: 1em 2em 1em 2em;
	margin: 0px;
}
h2 {
    font-size: 18px;
	padding: 1em 0 1em 0;
}

	h2 a {
		text-decoration: none;
	}
	h2 a:hover {
		text-decoration: underline;
	}
p {
	padding: 0em 2em 1.5em 2em;
}
td {
	vertical-align: top;
	padding: 3px;
}

/* 2b) inline elements ---------- */
a {
	color: #000050;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}

/* 2c) general classes ---------- */


/* 2d) non-layout id's ---------- */



/* ---------------------------------
   3) layout areas
   ------------------------------ */       
/* 3a) wrapper ------------------ */
div#pageContainer {
	background: #fff;
	width: 790px;
	border: 1px solid #FC9434;
    margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}
* html div#pageContainer {
	width: 792px; /* IE box hack */
}

/* 3b) header ------------------- */
div#header {}
div#header_logo {
	background-color: #d1e20e;
	background-image: url(images/new_design/header_logo_810_160.gif);
	background-repeat: no-repeat;
	background-position: top left;
    height: 141px;
}
h1#logo_h1, p#logo_p {
	position: absolute;
    left: -999em;
    width: 450px;
}
div#header_logo a {}
  div#logo_cart {
	height: 141px;
	background-color: transparent;
}
  div#cart {
	width: 190px;
	height: 80px;
	float: right;
	background-color: transparent;
	position: relative;
	top: 15px;
	right: 20px;
	text-align: right;
	font-size: 13px;
}
  div#cart a.img {
	display: block;
	float: left;
	background-color: transparent;
}
  span#cart_items {
	text-decoration: underline;
}
div#new_customer_promotion {
	background-color:#D8E631;
	border-left:1px solid #FC9434;
	border-top:1px solid #FC9434;
	display:none;
	float:right;
	padding:5px 10px;
	position:relative;
	text-align:center;
	top:-1px;
	width:220px;
}
	div#new_customer_promotion a {
		text-decoration: underline;
	}
div#shipping_info {
	border-top: 1px solid #FC9434;	
	border-bottom: 1px solid #FC9434;
	position: relative;
	top: -1px;
	padding: 5px 20px 5px 20px;
	text-align: center;
/*	display: none;*/
}

/* 3c) navigation --------------- */
div#nav_tabs {
	width: 630px;
	height: 31px;
	clear: both;
	float: right;
	position: relative;
    bottom: -30px;
}
	div#nav_tabs a {
		color: #808080;
		display: block;
		width: 118px;
	  	height: 31px;
	  	padding-top: 0px;
  		margin-right: 4px;
	  	float: right;
		background-color: transparent;
		text-align: center;
		font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
		font-size: 18px;
		line-height: 1.5em;
		display: inline; /* IE float double margin bug fix */
	}
	div#nav_tabs a.nav_tab_active, div#nav_tabs a.nav_tab_inactive {
		background-image: url(images/new_design/tab_active_inactive_118_31.gif);
  		background-repeat: no-repeat;
	}
	div#nav_tabs a.nav_tab_active {
		background-position: left bottom;
  		background-color: #f5dc22;
  		color: #000050;
	}
	div#nav_tabs a.nav_tab_inactive {
		background-position: left top;
  		background-color: #dee798;
	}
	div#nav_tabs a:hover {
		color: #000050
	}
	div#nav_tabs a:hover.nav_tab_active {
		text-decoration: none;
	}
div#sub_nav {
	background-color: #FCCD34;
	border-bottom: 1px solid #FC9434;
	font-size: 13px;
	line-height: 1.5em;
	white-space: nowrap;
}
  div#sub_nav a {
	padding: 0px 5px 0px 5px;
	color: #808080;
}
div#sub_nav a:hover {
	color: #000050;
	text-decoration: underline;
}
div#sub_nav a.active {
	color: #000050;
	font-weight: bold;
}
div#sub_nav a.active:hover {
	text-decoration: none;
}
  div#sub_nav_form {
  	display: inline;
	padding-left: 5px;
}
div#breadcrumb_trail {
	font-size: 12px;
	padding-top: 3px;
	border-top: 1px solid #FC9434;
}
	div#breadcrumb_trail.active a{
		color: #000050;
		font-weight: normal;
	}
span.login_logoff {
	font-weight: bold;
}

/* 3d) text --------------------- */
div#contentContainer {
	clear: both;
	width: 90%;
	margin: auto;
	margin-bottom: 10px;

}
div#contentContainer a {
	text-decoration: underline;
}
div#contentContainer a.noline {
	text-decoration: none;
}
div#contentContainer a:hover {
	text-decoration: underline;
}
div.spacer5 {
	height: 5px;
}
h2.listing {
   	font-size: 15px;
   	padding: 0;
	margin-right: 5px;
}
td.infoBoxHeading, td.productListing-heading {
	padding: 0.3em 0em 0.3em 0em;
	border-top: 1px solid #B4C919;
	border-bottom: 1px solid #B4C919;
}
td.infoBoxHeading {
	font-weight: bold;
}
td.productListing-heading {
	font-size: 11px;
}
td.productListing-data{
	vertical-align: middle;
	border-bottom: 1px solid #B4C919;
}
span.h1 {}
	span.h1 a {
		display: block;
		font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
		font-size: 21px;
		text-align: center;
		padding: 0.3em 0em 0.3em 0em;
		border-bottom: 1px solid #B4C919;
		border-top: 1px solid #B4C919;
		margin-bottom: 0.5em;	
	}
body#allbrands a {
	text-decoration: none;
}
span.link {}
span.small, span.small_details {
	font-size: 11px;
	font-weight: normal;
}
span.small_details a {
	text-decoration: underline;
}
span.productSpecialPrice {
	color: red;
}
span.strikethrough {
	text-decoration: line-through;
}
ul.hoverbox {
	  clear: both;
	}		
	ul.hoverbox span.preview {
		padding: 5px;
		border: 1px solid #b4c919;  
	}
	ul.hoverbox a span.preview {
		display: none;
	}
	ul.hoverbox a:hover span.preview {
	  display: block;
	  text-decoration: none;
	  position: relative;
	  top: -80px;
	  background-color: #fff;
	}
.messageStackError, .messageStackWarning {
  background-color: #FCCD34; }
.messageStackSuccess {
  background-color: #E3ED6D; }	

/* 3e) footer ------------------- */
div#impressum {
    clear: both;
    min-height: 30px;
    text-align: center;
	background-color: #cad95d;
	background-image: url(images/new_design/footer_790_100.gif);
	background-repeat: no-repeat;
	background-position: center;
	border-top: 1px solid #FC9434;
}
div#quicklinks {
    padding: 5px 0px 0px 0px;
}
div#quicklinks img {
	vertical-align: middle;
}
div#copyright {
	font-size: 11px;
	text-align: center;
    padding: 10px 0px 10px 0px;	
}     
       
       
/* ---------------------------------
   4) special pages
   ------------------------------ */
/* a) allbrands.php --------- */
table.manufacturers {
 width: 100%;
}
table.manufacturers td {
padding: 20px;
}

/* b) allcategories.php --------- */
div#category_nav {
  	width: 100%;
}
ul#cat_nav, ul#cat_nav ul { /* all lists */
	padding: 0;
	margin: 0 0 3em 0;
	list-style: none;
	float: left;
	background-color: white;
}
ul#cat_nav li { /* all list items */
	position: relative;
	line-height: 1em;
	margin-bottom: 1px;
	width: 18em;
	background-color: white;
}
ul#cat_nav li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	margin-left: 18em;
	margin-top: -2.2em;
	z-index: 1;
}
ul#cat_nav li ul ul { /* third-and-above-level lists */
	left: -999em;
}
ul#cat_nav li a, ul#cat_nav li li a, ul#cat_nav li li li a {
	display: block;
	color: #000050;
	text-decoration: none;
	border: 1px solid #b4c919;
	padding: 0.5em 0.5em;
	margin-right: 2px;
}
ul#cat_nav li a:hover {
	color: #000050;
    border: 1px solid #fc9434;
	background-color: #b4c919;
}
ul#cat_nav li a:visited {
    color: #666;
}
ul#cat_nav li:hover ul ul, ul#cat_nav li:hover ul ul ul, ul#cat_nav li.sfhover ul ul, ul#cat_nav li.sfhover ul ul ul {
	left: -999em;
}
ul#cat_nav li:hover ul, ul#cat_nav li li:hover ul, ul#cat_nav li li li:hover ul, ul#cat_nav li.sfhover ul, ul#cat_nav li li.sfhover ul, ul#cat_nav li li li.sfhover ul {/* lists nested under hovered items */ 
	left: auto;
}
ul#cat_nav a.cat_parent, ul#cat_nav a, ul#cat_nav a:hover {
	text-decoration: none;
}
ul#cat_nav a.cat_parent {
	background: url(images/arrow_green.gif) center right no-repeat;
}          
/* c) allprods.php -------------- */       
div#a_z_links {
	width: 85%;
	text-align: center;
	margin: auto;
}
	div#a_z_links a {
    	display: block;
    	float: left;
    	width: 3em;
    	text-decoration: none;
    	text-align: center;
		background-color: #e3ed6d;
		padding: 2px;
    	border: 1px solid #B4C919;
    	margin: 3px;
	}
	div#a_z_links a:hover, div#a_z_links a.on {
		background-color: #B4C919;
		border: 1px solid #FC9434;	
	}

/* d) index.php ---------- */
div.index_text {
	margin-bottom: 20px;
}
td.index_news {
	background-image: url(images/paper.jpg);
	background-repeat: no-repeat;
	background-position: 220px 110px;

}
td.index_points {
	background-image: url(images/bird.jpg);
	background-repeat: no-repeat;
	background-position: 180px 40px;	
}
td.index_shopping {
	background-image: url(images/cherries_2.jpg);
	background-repeat: no-repeat;
	background-position: 210px 50px;	
}
td.index_delivery {
	background-image: url(images/box.jpg);
	background-repeat: no-repeat;
	background-position: 225px 80px;	
}
div.index_text a {
	text-decoration: underline;
}
div.index_text ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 2.5em;
}
div.index_text ul {
	margin-left: 2.5em;
	margin-top: 0.5em;
	margin-bottom: 1em;
}

/* e) product_info.php ---------- */
table.prev_next {
	width: 100%;
	font-size: 0.8em;
}
td.prev, td.next {
	width: 15%;
}
td.prev_next_info {
	text-align: center;
}
a.button_prev, a.button_next {
	display: block;
	width: 6em;
	background-color: #e3ed6d;
    border: 1px solid #B4C919;
    padding: 1px 5px 1px 5px;
    text-align: center;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
}
a.button_prev:hover, a.button_next:hover {
	background-color: #B4C919;
	border: 1px solid #FC9434
}
a.button_next {
	float: right;
}
body#product_info a.button_next:visited, body#product_info a.button_prev:visited {
	color: blue;
}
div#product_details {
 	float: right;
	width: 220px;
	min-height: 250px;	 	
    border: 1px solid #B4C919;
 	margin: 0px 10px 0px 10px;
 	display: inline; /* IE float double margin bug fix */
}
* html div#product_details {
	width: 222px; /* IE box hack */
}
div#image_container {
	float: left;
	width: 220px;
	background: transparent url(images/polaroid.jpg) no-repeat 6px 0px;
	margin: 0px 10px 5px 10px;
	display: inline; /* IE float double margin bug fix */
}
img#product_img {
	float: left;
 /*   border: 1px solid #B4C919;*/
    width: 180px;
    padding: 17px 0px 0px 20px;
    margin-bottom: 5px;
}
div#product_tabs {
	float: left;
	width: 306px;
}
div.tabcontent {
	clear:both;
  }
	div.tabcontent h3 {
		font-weight: bold; 
		border-bottom: 1px dashed #999999;
		margin-bottom: 5px;
	}
ul.mainnavtab1 {
  display:none;
}
#mainnavtabbed1 {
	clear:both;
	display:block;
}
	#mainnavtabbed1 li{
		text-align: center;
		float:left;
		width: 7.3em;
		margin: -3px 2px 7px 2px;
	}
		#mainnavtabbed1 li a{
			background-color: #e3ed6d;
    		border: 1px solid #B4C919;
			display:block;
    		padding:3px 0px 3px 0px;
		}
		#mainnavtabbed1 li a.tabon,
		#mainnavtabbed1 li a.tabon:hover,
		#mainnavtabbed1 li a:hover{
			background-color: #B4C919;
			border: 1px solid #FC9434;
		}
		#mainnavtabbed1 li a.tabon {
			font-weight: bold;
		}
body#product_info ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 25px;
	margin-bottom: 5px;
}

 body#create_account_success ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 50px;
	margin-bottom: 1em;
}

body#product_info ol li, body#create_account_success ul li {
	margin-bottom: 0.7em;
}

p a {
	text-decoration: underline;
}

table#nutrition {
    border: 1px solid #999999;
    font-size: 0.8em;
    border-collapse: collapse;
}
	table#nutrition td {
    	border: 1px solid #999999;
	}
table#prod_details {}
td#quantity {
	font-weight: bold;
}
td.price {
	font-size: 18px;
}
td#quantity, td.buttons {
	text-align: center;
}

/* f) quickorder.php ------------ */  
p#quickorder {
}
table#quickorder {
	width: 70%;
	margin: auto;
	padding: 1em 0em 1em 0em;
}


              
/* to be sorted */
  div.line {
	border-top: 1px dashed #999999;
}


  input#search_input {
	width: 80px;
	padding: 3px 1px 3px 1px;
}

div#contentContainer a.button, body#product_info a.button {
  display: block;
	background-color: #fccd34;
	background-image: url(images/new_design/button.gif);
	background-repeat: repeat;
	background-position: center;
	color: #000050;	
  border: 2px solid #fc9434;
  padding: 3px 5px 3px 5px;
  width: 8em;
  text-align: center;
  text-decoration: none;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
  span.discount_coupon {
	background-color: #e3ed6d;
    border: 1px solid #B4C919;
    padding: 5px;
}



  table#checkout_bar {
	text-align: center;
}
  table#checkout_bar td {
	width: 25%;
}
div#contentContainer td.checkoutBarCurrent {
	color: #000050;
	font-weight: bold;
	border-top: 1px dashed #B4C919;
	text-align: center;
}
div#contentContainer td.checkoutBarTo {
	color: #808080;
	border-top: 1px dashed #B4C919;
	text-align: center;
}
div#contentContainer td.checkoutBarFrom {
	color: #000050;
	border-top: 1px dashed #B4C919;
	text-align: center;
}
div#contentContainer td.checkoutBarFrom a{
	text-decoration: none;
}



  input {
	background-color: #ffffff;
    border: 1px solid #FC9434;
    padding: 0px 10px 0px 10px;
    font-size: 11px;
}
  button.add_to_cart, button.add_to_list, button.submit_review, button.submit_account {
	background-color: #fccd34;
	background-image: url(images/new_design/button.gif);
	background-repeat: repeat;
	background-position: center;
	color: #000050;	
    border: 2px solid #FC9434;
    padding: 3px 5px 3px 5px;
    width: 8em;
    text-align: center;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
}
  button.add_to_cart {
	font-size: 16px;
}
  button.submit_review {
	width: 9em;
}
  button.submit_account {
	width: 10em;
}
  button.quick_find {
	background-color: #fccd34;
	background-image: url(images/new_design/button.gif);
	background-repeat: repeat;
	background-position: center;
	color: #000050;	
	border: 1px solid #FC9434;
    width: 6.5em;
    height: 1.7em;
    text-align: center;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */	
}
  select {
	background-color: #ffffff;
    border: 1px solid #FC9434;
	font-weight: normal;	
}
  td.tbl_prod_label {
    width: 40%;
}

div.subtotal {
	text-align: right;
}

body#login input, body#create_account3 input {
	font-size: 13px;
}


body#shopping_cart input, body#checkout_shipping input.checkout,
body#create_account3 input.create_account,
body#login input.login, body#checkout_confirmation input.confirm {
	background-color: #ffffff;
    border: 0;
    padding: 0;
    font-size: 13px;
}

body#login input.login {
	margin-top: 6px;
}