@charset "UTF-8";
/* CSS Document */

img, img a, a:link, a:visited, a:hover, a:active, a:focus       { border: none; -moz-outline-style: none; outline: none; }
body                                            { background: url('../images/roof.gif') no-repeat top #fdfdf9; margin: 0px; padding: 108px 0 30px 0; font-family: Geneva, Arial, Helvetica, sans-serif; }
#wrapper                                        { background: url('../images/mid-bck.gif') repeat-y bottom; margin: 0 auto; width: 872px; height: 600px; min-height: 600px; height: auto; border: 0px solid red; }

/* --------- top area ---------- */

#header                                         { background: url('../images/header.jpg') no-repeat; width: 872px; height: 183px; padding: 0px; margin: 0px; border: 0px dashed red; }
#topMenu                                        { float: left; width: 872px; height: 30px; padding: 0px; margin: 151px 0 0 0; border: 0px dashed red; }
#topMenu ul                                     { padding: 0px;	margin: 0px; color: #000; float: left; width: 870px; border: 0px dashed blue; font-family: arial, helvetica, sans-serif; }
#topMenu ul li                                  { display: inline; padding: 0px; margin: 0px; }
#topMenu ul li a                                { padding: 0.7em 1.5em; color: #666; font-size: 12px; text-decoration: none; float: right;	border-right: 0px solid #fff; margin: 0px; }
#topMenu ul li a:hover                          { color: #000; }
.modify a                                       {	background: url('../images/sep.gif') right no-repeat; }
#spacer                                         { float: left; width: 862px; padding: 0px; margin: 0 0 0 3px; height: 2px !important;	min-height: 2px; height: auto; background-color: #fff; border: 0px dashed #000; }

/* --------- middle area ---------- */

#leftMenu                                       { float: left; width: 195px; margin: 0px 0px 0px 3px;	padding: 0px 0px 0px 0px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; height: 100%; min-height: 100%; height: auto;	z-index: 8;	font-size: 12px; /*background: url('../images/green.gif') repeat-y top;*/ }
#navcontainer                                   {
	width: 193px;
	height: auto;
}
#navcontainer ul                                { margin: 0px;	padding: 0px; font-family: Arial, Helvetica, sans-serif; list-style: none; }
#navcontainer a                                 { display: block; padding: 5px 0 5px 17px; width: 176px; background-color: #ddecd9;	border-bottom: 1px solid #fff; margin: 0 0 0 1px; }
#navcontainer a:link, #navlist a:visited        { color: #3b672f; text-decoration: none; }
#navcontainer a:hover                           { background-color: #c4dfbd; color: #3b672f; }
.arrow a                                        { background: url('../images/arrow.gif') left no-repeat; }
.arrow a:hover                                  { background: url('../images/arrow-over.gif') left no-repeat; }
#menutitle                                      { width: 193px; font-size: 14px; font-weight: normal !important; background-color:#cfe8c8; padding: 10px 0px; margin: 0px -3px 0px 0px; border: 1px solid #fff; text-align: left; text-indent: 15px; color: #4d7f40; }
#top-logo img                                   {  position: relative; margin: 20px 0 0 27px; border: none; width: 144px; padding: 0px; }
.logos img                                      { position: relative; margin: 3px 0 0 27px; border: none; width: 144px; padding: 0px; }

/* ---------- content area ------------*/
	
#contentbox                                     { float: right; width: 665px; margin: 0px 3px 0 0; border-top: 1px solid #ccc; border-right: 1px solid #ccc;	border-left: 1px solid #ccc; padding: 0px; height: 425px; min-height: 425px; height: auto; z-index: 8; background: url('../images/floral5.gif') no-repeat top; }	
.inner                                          { padding: 15px; }
#content-left                                   {
	float: left;
	width: 430px;
	border: 0px solid #000;
	height: auto;
}
#content-right                                  { float: right;	width: 200px; border: 0px solid #FF0000; }
#contentbox ul                                  { color: #9b7948; font-size: 12px; margin: 0 0 0 15px; padding: 0px; }
#contentbox li                                  { margin-bottom: 5px; }
 p                                              { font-size: 12px; color: #9b7948; text-align:justify; }
#contentbox a                                   { color: #9b7948; }
#contentbox a:hover                             { text-decoration: none; }
 h1                                             { font-size: 18px; color: #794721; font-weight: normal;	margin-top: 0px; background: url('../images/dotted.png') no-repeat bottom left;	padding-bottom: 7px;

}
 h2                                             { font-size: 13px; color: #1e5b8a; font-weight: normal;	margin: 10px 0 3px 0; }
.header2                                        { font-size: 13px; color: #1e5b8a; font-weight: normal; padding: 8px 0px; }
.contents-table                                 { font-size: 12px; color: #9b7948; }
iframe                                          { border: 1px solid #784800; padding: 3px; }  
.imgBorder                                      { border: 0.06em dashed #d3bdac; margin: 0px 0px 5px 0px; }
.imgLeft                                        { margin: 0px 6px 5px 0px; border: 0.06em dashed #d3bdac; }
.right-text                                     { float: right;	width: 400px; margin: 0px 0 2px 0; padding: 0px; border: 0px solid green; height: 138px; }
.left-text                                      { float: left; width: 400px; margin: 2px 0 2px 0; padding: 0px;	height: 138px; } 
.floatleft-Image, .floatleft-Image img          { float: left; margin: 0px 0 5px 0;	border: 0.07em dashed #d3bdac; }
.floatright-Image                               { float: right;	margin: 0px 0 0 2px; border: 0.07em dashed #d3bdac; }
.img_right                                      { float: right; padding: 12px; }
/*#flower                                       { background:url('../images/orchide1.png') no-repeat; behavior: url(iepngfix.htc); }*/
	
/* --------- bottom area ---------- */

#footer                                         { float: left; margin: 0px; width: 872px; height: 45px; background: url('../images/footer.gif') no-repeat top; padding: 0px; }
#addressdetails, #addressdetails a              { font-size: 11px; color: #999; padding: 24px 0 0 0; }

/* --------- various stuff ---------- */

.clearfix                                       { clear: both;}

/* --------- form -------------- */

#form                                           { width: 400px; float: left; padding: 0px; margin: 0px;}
label                                           { width: 10em; float: left; }
label.error                                     { float: left; color: #000;  vertical-align: top; width: 60%; padding-left: 10em;}
p                                               { clear: both; }
.submit                                         { margin-left: 11.3em; }
em                                              { font-weight: bold; padding-right: 1em; vertical-align: top; }
fieldset                                        { margin: 0px; border: 0px solid #999; width: 500px; padding: 0px;}
#formtext                                       { color: #2c508b;}


.maria {
	float: left;
	margin-left: 200px;
	margin-top: -230px;
}
#basket {
	background-color: #FFFFFF;
	text-align: left;
	padding: 10px;
	border: 1px solid #000000;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 25px;
	width: 90%;
}