/* CSS Document */

html { text-align:left}
body { width:800px; font-size:0.8em; margin: 0; background-color:#FFF}

div, span, img, ul, li { padding:0; margin:0; border:none}

#sizer { text-align:left; background-color:#fff; width:800px}
#container { background:#fff url(../images/bg_homeflower.jpg) bottom left no-repeat; height:482px; margin:10px 0 0 0; }
#containerdesignyourown { background:#fff url(../images/bg_contentpageflowers.jpg) left bottom no-repeat; height:100%; min-height:479px; margin:10px 0 0 0; width:800px; xborder:1px solid red}

.clear { clear:both}

a, a:hover, a:link { color:#DD1425}

#btnmakeabouquet { margin:25px 0 20px 0; float:right}
#hdwelcome {margin: 5px 0 10px 0}

#tingleweb { float:right; margin: 3px 10px 0 0}

.bold { font-weight:bold}


/* 	N A V I G A T I O N S	*/
#header, #footer { background:#DD1425 url(../images/px_navgradient2.gif) bottom left no-repeat; height:22px; color:#fff; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #fff;}
#header a, #footer a { color:#fff; text-decoration:none}
#header { font-size:85%;}
#footer { font-size:80%; clear:both}
/*#header ul li, #subheader ul li, #footer ul li { display:inline; height:22px}*/
#header ul li, #footer ul li { display:inline; height:22px}
/*#header ul, #subheader ul { float:right; }*/
#header ul{ float:right; }
#header ul, #footer ul {margin: 3px 15px 0 0}
#footer ul { float:left;}
#header ul li, #footer ul li { margin: 0 0 0 10px}
#subheader { margin: 12px 0 0 465px}
/*
#subheader ul { margin: 35px 15px 0 0; }
#subheader ul li { margin: 0 0 0 2px; }
#subheader ul li a:hover { color:#DD1425;}
#subheader ul li a { text-decoration:none; color:#666;}
*/

ul.nav,
.nav ul{
/*remove all spacings from the list items*/
	margin:0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}
ul.nav{
	display: table;
}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}
ul.nav li>ul{
/*make the sub list items invisible*/
	display: none;
	position: absolute;
	max-width: 40ex;
	margin-left: -6px;
	margin-top: 2px;
}
ul.nav li:hover>ul{
/*when hovered, make them appear*/
	display: block;
}
.nav ul li a{
/*make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}
/***Menu colors***/

ul.nav,
.nav ul,
.nav ul li a{
	background-color: #fff;
	color: #e5222e;
}

ul.nav li:hover,
.nav ul li a:hover{
	background-color: #e5222e;
	color: #fff;
}

ul.nav.li:active,
.nav ul li a:active{
	background-color: #840911;
	color: #fff;
}
.nav a{
	text-decoration: none;
}


#subheader { font-family:Georgia, "Times New Roman", Times, serif; color:#666; height:41px;}
#subheader span.initial { color:#DD1425}

#logo { margin:10px 0 0 15px; float:left}

#hometext { width:420px; margin:31px 21px 0 0; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999; }
#hometext p { clear:both; padding:0; margin:0; font-size:85%; line-height:1.5em}

#hometext3wayscontainer { clear:both; height:178px; float:left; margin:10px 0}
#hometextimg { float:left}
#hometext3ways { float:left}


/* 	M A K E   A   B O U Q U E T   F O R M	*/

#makeabouquetwrap { width:422px; margin:36px 87px 36px 0; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999; clear:both  }
#makeabouquetwrap p { clear:both; margin:0; padding:0 0 5px 0;}
#makeabouquetwrap p, form, table { font-size:90%;line-height:1.5em}
#makeabouquetwrap input { float:right; xwidth:200px; xborder:1px dotted red; clear:both }
#makeabouquetwrap label { float:left; width:200px; xborder:1px dotted red; clear:both }
#hddesignown { float:left; }
#steps { float:right; padding:20px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif; color:#666;}
.formbackground { padding:10px 12px; background-color:#FDF3F2; margin: 0 0 7px 0; }
.formbackground select { margin: 8px 10px 0 0; width:auto; font-size:80%; line-height:1.5em}
.formbackground table {font-size:80%; line-height:1.5em}
.formbackground table input { xwidth:228px; border:1px solid red}
.formbackground table tr td label { width:120px; display:block}
input.btnsubmit { float:right}

.formheaders {color:#DD1425; font-weight:bold; clear:both; line-height:2.5em}

/* 	S P E C I A L  O F F E R S	*/

#contactTable { }



/* 	S P E C I A L  O F F E R S	*/

#productswrap { width:505px; margin:36px 20px 36px 0; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999; clear:both;  }
#productswrap p { clear:both; padding:0; margin:0; font-size:85%;line-height:1.5em}

#productscontainer { float:left; margin: 20px 0 0 0; width: 505px; }
.productcontainer { width:156px; height:204px; border:1px solid #ccc; float:left; margin: 0 10px 15px 0}

.productcontainertext { border-top:1px solid #ccc; font-size:80%;line-height:1.5em; float:left; width:156px}
#productswrap .producttitle { float:left; margin: 2px 0 0 2px  }
.productcost { float:right; color: #DD1425; margin: 2px 2px 0 0}
.productbuynow { float:right; clear:both}

/* 	G A L L E R Y	*/

#gallerywrap { width:505px; margin:36px 20px 36px 0; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999; clear:both; }
#gallerywrap p { clear:both; padding:0; margin:0; font-size:85%;line-height:1.5em}

#gallerycontainerwrap { float:left; margin: 20px 0 0 0}
.gallerycontainer { width:156px; height:170px; border:1px solid #ccc; float:left; margin: 0 10px 15px 0; text-align:center}

#gallerywrap .producttitle { font-family: Georgia, "Times New Roman", Times, serif; font-size:120%; color:#666; height:41px; float:left; margin: 2px 0 0 2px}

#gallerywrap span.initial { color:#DD1425}
#gallerywrap .producttitle a:hover { color:#DD1425;}
#gallerywrap .producttitle a { text-decoration:none; color:#666;}


/* 	K N O W L E D G E	*/

.toggler { margin: 0; padding: 2px 5px; border: 1px solid #fff; font-weight: normal; background:#DD1425 url(../images/px_navgradient2.gif) bottom left no-repeat; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:85%;}

.element {}
.element p { margin: 0; padding: 4px; }

.float-right { padding:10px 20px; float:right; }
blockquote { padding:5px 0 5px 30px; font-style:italic }

div.Accordion ul {padding:0 0 0 10px; font-size:90%}