body {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
* {margin:0; padding:0;}
ul { margin: 0; padding: 0; }
li { margin: 0; padding: 0; }
h1, h2, h3 { margin: 0; }
a:link { color: #333333; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #929292; text-decoration: none; }
a:active { color: #c0c0c0; text-decoration: none; }
#wrapper { text-align: center; position: relative; width: 750px; margin: auto; padding: 0; }
#header { background-image: url(../images-pres/header.gif); background-repeat: no-repeat; background-position: center top; text-align: left; position: relative; width: 750px; height: 229px; }
#header h1 { color: #034ea2; font-size: 1em; }
#header p { color: black; font-size: 0.75em; margin-top: 10px; margin-right: 20px; margin-left: 20px; }
#headnav { font-size: 0.8em; text-align: right; position: absolute; top: 10px; left: 445px; }
/* Position Hack for IE Win \*/
* html div#headnav { font-size: 0.8em; text-align: right; position: absolute; top: 10px; left: 430px; }
/* End of Hack */
#mainnav { font-size: 0.9em; text-decoration: none; text-align: left; position: relative; top: 5px; left: 38px; }
#linksep { color: silver; font-size: 1em; padding-right: 6px; padding-left: 6px; }
/*WELCOME PAGE*/
#indexcontent { background-image: url(../images-pres/welcome_bg.jpg); background-repeat: no-repeat; background-position: center top; text-align: left; position: relative; width: 750px; height: 593px; margin: 0 0 15px; padding: 0; border-bottom: 1px solid silver; }
#indexcontent h1 { font-size: 1.2em; position: relative; top: 15px; left: 38px; }
#indexcontent p { color: black; font-size: 0.9em; line-height: 1.25em; text-align: left; position: relative; top: 20px; left: 38px; width: 435px; height: 315px; float: left; }
#indexcontent h4 { color: green; font-size: 1.2em; font-family: times; line-height: 1.4em; text-align: left; position: relative; left: 85px; width: 190px; float: left; margin: 0; padding: 0; }
/*PRODUCT PAGE*/
#prodcontent { background-image: url(../images-pres/products_bg.jpg); background-repeat: no-repeat; background-position: center top; text-align: left; position: relative; width: 750px; height: 752px; margin: 0 0 15px; padding: 0; border-bottom: 1px solid silver; }
#prodcontent h1 { font-size: 1.2em; position: relative; top: 15px; left: 38px; }
#prodtitle { color: black; font-size: 1.1em; font-weight: bold; text-align: left; margin-bottom: 10px; }
#prodcontent p { color: black; font-size: 0.9em; line-height: 1.4em; text-align: left; position: relative; top: 40px; left: 250px; width: 250px; height: auto; float: left; }
#prodcontent h4 { color: green; font-size: 1.2em; font-family: times; line-height: 1.4em; text-align: left; position: relative; left: 270px; width: 190px; float: left; margin: 0; padding: 0; }
/*ABOUT PAGE*/
#aboutcontent { background-image: url(../images-pres/about_bg.gif); background-repeat: no-repeat; background-position: center top; text-align: left; position: relative; width: 750px; height: 720px; margin: 0 0 15px; padding: 0; border-bottom: 1px solid silver; }
#aboutcontent h1 { font-size: 1.2em; position: relative; top: 15px; left: 38px; }
#aboutcontent p { color: black; font-size: 0.9em; line-height: 1.25em; text-align: left; position: relative; top: 20px; left: 38px; width: 435px; height: 315px; float: left; }
#aboutcontent ul { font-size: 0.95em; text-align: left; position: relative; top: 20px; left: 125px; width: 265px; height: 188px; margin: 0; padding: 0; list-style-position: outside; }
#aboutcontent h4 { color: green; font-size: 1.2em; font-family: times; line-height: 1.4em; text-align: left; position: relative; left: 85px; width: 190px; float: left; margin: 0; padding: 0; }
#nametitle { color: black; font-size: 1.1em; font-weight: bold; }
/*CONTACT PAGE*/
#contactcontent { background-image: url(../images-pres/contact_bg.gif); background-repeat: no-repeat; background-position: center top; text-align: left; position: relative; width: 750px; height: 600px; margin: 0 0 15px ;padding: 0;border-bottom: 1px solid silver; }
#contactcontent h1 { font-size: 1.2em; position: relative; top: 15px; left: 38px; }
#contactcontent p { color: black; font-size: 0.9em; line-height: 1.25em; text-align: left; position: relative; top: 20px; left: 38px; width: 435px; height: 315px; float: left; }
#contactcontent ul { font-size: 0.95em; text-align: left; position: relative; top: 20px; left: 125px; width: 265px; height: 188px; margin: 0; padding: 0; list-style-position: outside; }
#contactcontent h4 { color: green; font-size: 1.2em; font-family: times; line-height: 1.4em; text-align: left; position: relative; left: 85px; width: 190px; float: left; margin: 0; padding: 0; }
/*CONTACT_RESULTS PAGE*/
#contactresults { background-image: url(../images-pres/contact_bg.gif); background-repeat: no-repeat; background-position: center top; text-align: left; position: relative; width: 750px; height: 600px; margin: 0 0 15px; padding: 0;border-bottom: 1px solid silver; }
#contactresults h1 { font-size: 1.2em; position: relative; top: 15px; left: 38px; }
#contactresults p { color: black; font-size: 0.9em; line-height: 1.25em; text-align: left; position: relative; top: 100px; left: 38px; width: 435px; height: 315px; float: left; }
#contactresults ul { font-size: 0.95em; text-align: left; position: relative; top: 20px; left: 125px; width: 265px; height: 188px; margin: 0; padding: 0; list-style-position: outside; }
#contactresults h4 { color: green; font-size: 1.2em; font-family: times; line-height: 1.4em; text-align: left; position: relative; top: 25px; left: 85px; width: 190px; float: left; margin: 0; padding: 0; }


#aboutcontent
p#disclaimer { color: black; font-size: 0.7em; text-align: center; }
#abouttext { color: #6d6d6d; font-size: 0.9em; line-height: 1.2em; padding-top: 10px; padding-right: 20px; position: relative; }
#contacttext { color: #6d6d6d; font-size: 0.8em; position: relative; top: 10px; left: 10px; width: 650px; }
#thankyou { color: #6d6d6d; font-size: 0.9em; text-align: center; position: relative; top: 150px; }
#comingsoon { color: #6d6d6d; font-size: 0.9em; text-align: center; position: relative; top: 150px; }
#contactflowers { position: relative; top: 250px; left: 20px; }
#footer { width: 697px; height: 230px; clear: left; margin: 0; padding-top: 10px; }
#footer p { color: black; font-size: 0.85em; text-align: center; clear: both; padding-top: 2px; padding-bottom: 2px; }
#footer h1 { color: black; font-size: 0.95em; text-align: center; }
#spacerdiv { background-image: url(../images-pres/1pixtrans.gif); background-repeat: no-repeat; width: 20px; height: 2px; border: solid 2px silver; display: inline; }
#coupon { }
#coupon p { text-align: center; vertical-align: middle; position: relative; top: 180px; margin-right: auto; margin-left: auto; }
#coupon img { float: left; margin-top: 8px; margin-left: 8px; }
#giftcertlinkhome { font-size: 0.9em; position: relative; top: 13px; left: 510px; }
#giftcertlinkhome img { position: relative; top: 3px; display: inline; }
/*NAVIGATION BAR*/
#navbar { font-size: 1.2em; width: auto; margin: 0; padding: 0; }
#navbar li { list-style-type: none; margin: 0 0 6px; border-bottom: 1px groove white; }
#navbar a { display: block; padding: 3px 6px; color: #fff; text-decoration: none; }
#navbar img { float: left; border-width: 0; }
#navbar a:hover, #navbar a:active, #navbar a:focus { color: #9e948d; }
#contacttable { margin: 0 auto; padding-right: 20px; padding-left: 20px; }
#contacttable h1 { font-size: 1em; font-weight: bold; text-align: left; margin: 0; padding: 0; }
#contacttable p { font-size: 0.8em; text-decoration: none; text-align: left; }
#contacttable img { position: relative; float: left; margin: 2px 10px 2px 2px; border: solid 1px gray; }
#contacttable td { text-align: left; padding: 20px; }
#homepage { width: 500px; height: 350px; margin: 0 auto; padding: 10px; border: solid 1px gray; }
#homepage h1 { font-size: 1em; margin: 0; }
#homepage p { margin: 0; }
#homepage img { float: left; margin: 0 10px 0 0; border: solid 1px gray; }
.fm-optional { display: none; }
.cleardiv { clear: both; }
/* THE HORIZONTAL MENU STARTS HERE */
div#listmenu { width:100%; /* makes the div full width */
	float:left; border-top:1px solid #069;	/* draws line on top edge of div */
	border-bottom:1px solid #069;	 /* draws line on bottom edge of div */
	font-size:0.8em;	/* SET FONT-SIZE HERE */
/*	background-color:#CCF; /* colors the div */
	text-align: center; position: relative; top: -15px; z-index: 2; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	}
div#listmenu ul { width: 620px; margin: 0 auto; padding: 0;/* indents ul from edge of container - NOTE: diff value for IE in hacks below */
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	border-right:1px solid #069; /* creates dividing lines between the li elements */
	}
div#listmenu li:first-child {
	border-left:1px solid #069; /*the first vertial line on the menu */
	}
div#listmenu li:hover { 
	background-color:#FFF; /*sets the background of the menu items */
	}
div#listmenu a {
display:block;
	padding:1px 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:black;	/* sets the type color */
	}
div#listmenu a:hover {
	color:black;
	}
/* the menu ends here */
/* the drop-down starts here */
div#listmenu ul li ul { margin:0; z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	border-right:0 none; /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
	left:-1px; /*aligns the drop exactly under the menu */
	}
div#listmenu ul li ul li {padding:0;
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #069; /*  three sides of each drop-down item */
	border-bottom:1px solid #069;
	border-right:1px solid #069;}
div#listmenu ul li ul li a {padding:1px .5em;}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #069; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;}
/* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; }
/* shows the drop-down when the menu is hovered */
/* pop-out starts here */
body div#listmenu ul li ul li ul  {
	position:absolute; 
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
	}
div#listmenu ul li ul li:hover ul {visibility:visible;}
/* same effect as display:block in this situation */
/* second level popouts start here*/
div#listmenu ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li:hover ul {visibility:visible;}
/* same effect as display:block in this situation */
/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:15px; /* IE doubles the given value above - why? */
	}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #069;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#listmenu ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10em;
  }
/* and the "be nice to Opera" rule */
html>body div#listmenu ul li ul li ul {
  left:10em;
}
/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
@media all and (min-width: 0px){
	body div#listmenu ul li ul {padding-bottom:100px;}
	body div#listmenu ul li ul li ul {padding-bottom:22px;}
	ul li ul li ul li ul li:hover {visibility:visible;}
	/* same effect as display:block in this situation */
}
/*end Opera hack */
/* END OF HACK ZONE */
/* the drop-down ends here */
/* END OF LIST-BASED MENU */
/* finally after feeding values to all others, we deal with MAc5 IE */
/* IE5 Mac can't do drop-downs so we need to present the info in a different way*/
/* we present the drop down choices in a row and never show any second-level drops */
/* this stylesheet is read by IE5 Mac only - hack omits 'url' and leave no space between @import and ("   */
@import("includes/ie51_menu_hack.css");
/* DROPDOWN MENU SECTION COLORS */
/* START OF THE FORM CSS */
div#formcontainer { position: relative; top: -120px; left: -120px; width:450px; clear: left; margin: 0 auto -130px; }
div#formcontainer p { color: #6d6d6d; font-size: 0.9em; }
div#formcontainer h3 {font-weight:bold; font-size:0.8em;}
/* adjust top margin for your context */
div#formcontainer h4 {font-weight:normal; font-size:0.8em;}
div#formcontainer form  {}
/* the top border is visually 1 px thicker because it touches the div.clearfix bordertop */
div#formcontainer div.clearfix {padding:5px 0; vertical-align:top;}
/* adds the line above each section and provides vertical spacing */
div#formcontainer form label {width:120px; float:left;font-size:0.8em; color: #003366;   margin:0 10px;}
.clearlabel {width:120px; font-size:0.8em; color: #003366;   margin:0 10px;}
/* this is the text label on the left of each input */
/*some extra styles for the checkbox and radio button sets*/
div#formcontainer div.buttongroup {float:left; margin:0px; padding:0px;}
/* a container for a groups of buttons - suppresses the clearfix div top border on the divs around the radio buttons/checkboxes */
div#formcontainer div.buttongroup div {margin-bottom:5px; font-size:0.8em;}
/* wrapper for the INPUT and its text - margin-bottom sets the vertical distance between buttons */
div#formcontainer div.buttongroup input {margin-right:5px;}
/* set the distance between button and its label text */
/* postions the submit button by selecting a div with attribute type SUBMIT - IDWIMIE */
div#formcontainer input[type="submit"] {display:block;}
/* END OF THE FORMS CSS*/
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}
/* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */