/* trying to use Richard Rutter's font-size solution with "em" for the first time, bear with me */



*{

 margin: 0;

 padding: 0;

 list-style-type: none;

 color: #000;

 text-decoration: none;

 border: none;

}

body{

 margin-top: 20px;

 font-family: arial, sans-serif;

 background-color: #fff; 

}



#navigation, #navigation ul, #navigation li, #content, #content table.flower gallery, div.flower, div.flower dl, #footer, #footer ul, #footer li{

 font-size: 1em;

}



/* --- HEADER  ---------------------- */





body.home h1{

 background: url("../images/bg_header_generic.gif") no-repeat top left;

}



body.detail h1{

 background: url("../images/bg_header_generic.gif") no-repeat top left;

}



body.register h1, body.request h1{

 background: url("../images/bg_header_generic.gif") no-repeat top left;

}



#contained{

	width: 760px;

	margin-right: auto;

	margin-left: auto;

	font-size: 62.5%;

  background: #fefdf1;

}



#storephotos #contained, #history #contained{

 background: #fefdf1;

}



body.home #contained{

	background: url("../images/hp-bg.gif") no-repeat center 175px;

}



h1{

 width: 760px;

 height: 192px;

 border-bottom: 1px #fff solid;

 background: url("../images/bg_header_generic.gif") no-repeat top left; 

}

h1 *{

 display: none;

}

body.flowerselection #contained{
			 
	background: #fefdf1 url("http://www.gpage.com/newsletter/generic/images/text_bg.gif") repeat-y center 200px;


}

h3{
 font-family: arial, sans-serif;
 font-size: 1.4em;
}

h4{
 font-family: arial, sans-serif;
 font-size: 1.2em;
}

h5{
 font-family: arial, sans-serif;
 font-size: 1.1em;
}

h5 a{
 text-decoration: none;
}

h5 a:hover{
 color: #8e0000;
}
/* --- NAVIGATION ---------------------- */



/*

#navigation{

 height: 39px;

 font-size: 1em;

 background: url("images/bg_navigation.gif") repeat-x bottom left;

}



body.home #navigation{

	height: auto;

	background:none;

}



#navigation ul{

 display: block;

 font-size: 1em;

}



body.home #navigation ul{

	 text-align: left;

}



body.storephotos #navigation ul{

	 text-align: left;

}



body.flowerselection #navigation ul{

	 text-align: left;

}



#navigation li{

 display: inline;

 margin-left: 5px;

 padding-right: .2em;

 font-size: 1em;

 background: url("../images/navigation_pipe.gif") no-repeat center right;

}

#navigation li a{

 font-size: 1.1em;

 line-height: 2.3em;

 margin-right: 4px;

}

*/



#navigation{

 height: 39px;

 font-size: 1em;

 background: url("../images/bg_navigation.gif") repeat-x top left;

}



#navigation ul{

 display: block;

 font-size: 1em;

}



#navigation li{

 display: inline;

 margin-left: 5px;

 padding-right: .2em;

 font-size: 1em;

 background: url("../images/navigation_pipe.gif") no-repeat center right;

}

#navigation li a{

 font-size: 1.1em;

 line-height: 23px;

 margin-right: 4px;

 font-weight: bold;

}



#navigation li.first{

	padding-left: 14px;

}



#navigation li.last{

	padding-right: 14px;

	background: none;

}



#navigation li a:hover{

 color: #8e0000;

}



#navigation #search{

 position: absolute;

 margin-left: 550px;

 margin-top: -24px;

 font-size: 1em;

 line-height: 2.4em;

}



#search label{

 font-size: 1.1em;

 cursor: pointer;

}



#search input{

 border: 1px solid #666;

 font-size: 1.1em;

 background-color: #FFFFC4;

 cursor: pointer;

}



#search #search_input{

 width: 135px;

 border: 1px solid #000;

 font-size: 1.1em;

 background-color: #fff;

 cursor: text;

}



body.request li.request a, body.register li.register a, body.flowerselection li.flowerselection a, 

body.login li.login a, #home #navigation li.first a,

body.rental li.rental a, body.fmdelivery li.fmdelivery a, body.fmdelivery li.last a, 

#history #navigation li.last a, #catalog li.catalog a, #storephotos li.storephotos a, #my_account li.my_account a{

 color: #8e0000;

}



/* --- BODY ---------------------- */





#content{ 

 clear: both;

 margin-left: 20px;

 margin-right: 20px;

}

#content h2{

 margin-top: .3em;

 font-size: 1.8em;

 font-weight: bold;

 color: #8e0000;

 align: center;
}



#content p{

 font-size: 1.2em;

}



#content a{

 font-size: 1.0em;



}

#content a:hover{
 
   color: #8e0000;
 	 text-decoration: underline;
}


ul.flower_selection_list{

	float: left; 

	width: 230px;

	margin-top: 2em;

	margin-bottom: 2em;

	font-size: 1em;

}

ul.flower_selection_list li{

	font-size: 1em;

	line-height: 1.5em;

}



body.storephotos #content p{

	 float: left;

	 clear: left;

	 width: 350px;

	 margin-bottom: 1em;

	 margin-right: 16px;

}



#content table.storegallery{

	margin-bottom: 2em;

}



#content table.storegallery td{

 padding-left: 10px;

 padding-bottom: 2.5em;

 background: url("../images/bg_gallery_columnbottom1.gif") no-repeat 0 111px;

}



#content table.storegallery a{

	font-weight: normal;

}

#content table.storegallery a img{

 position: relative;

 left: -10px;

}





#content table.flowergallery{

	margin-top: 1em;

}



#content table.flowergallery td{

/*  padding-bottom: 16px;

 background: url("images/bg_gallery_columnbottom.gif") no-repeat bottom left; */

 width: 161px;

 padding-left: 10px;

 padding-right: 19px;

 padding-bottom: 2.5em;

 background: url("../images/bg_gallery_columnbottom.gif") no-repeat 0 132px; 

}



#content table.flowergallery a{

/* display: block;

 width: 161px;

 margin-top: 1.5em;

 margin-right: 19px;

 padding-left: 10px;

 font-size: 1.1em;

 line-height: 1.8em;

 font-weight: bold; */

 font-size: 1.1em;

 line-height: 1.5em;

 font-weight: bold;

}

#content table.flowergallery a img{

/*	margin-left: -10px; */

position: relative;

left: -10px;

}



div.flower{

 clear: both;

 width: 620px;

 margin-top: 20px;

 margin-bottom: 1em;

}



div.flower h3{

 width: 300px;

 height: 30px;

 text-indent: 7px;

 font-size: 1.4em;

 line-height: 30px;

 color: #8e0000; 

 background-color: #ffffc4;

}

div.flower dl{

 float: left;

 width: 293px;

 margin-bottom: 1em;

 padding-top: 1em;

 padding-bottom: 1em;

 padding-left: 7px;

 background: #f2f2f2 url("../images/bg_flower_details.gif") repeat-x top left;

}



div.flower dt{

 display: inline;

 clear: left;

 float: left;

 font-weight: bold;

 font-size: 1.1em;

}

div.flower dd{

 clear: left;

 float: left;

 margin-left: 5px;

 width: 280px;

 font-size: 1.1em;

}



div.flower img{

 float: left;

 margin-left: 15px;

 margin-top: -30px;

}



div.flower a{

 clear: both;

 float: left;

}



#content div.flower a.moveto{

 float: left;

 _width: 175px;

 clear: both;

 padding: 2px;

 border: 1px solid #666;

 font-size: 1.4em;

 line-height: 1.6em;

 background-color: #ffffc4;

}



body.request #content label{

	display: block;

 margin-top: 1.5em;

 font-size: 1.4em;

 font-weight: bold;

 color: #8e0000;	

}



body.request #content label span{

	display: block;

	width: 135px;

	font-size: .8em;

	font-weight: normal;

	color: #000;

}



body.request #content input{

	margin-bottom: 1.2em;

	border: 1px solid #8e0000;

	background: #fbf7ba;

	color: #8e0000;

}



body.request #content label textarea, body.request #content label input{

	position: relative;

	top: -1.4em;

	left: 140px;

	display: block;

	width: 580px;

	height: 350px;

	border: 1px solid #8e0000;

	background: #fff;

	color: #000;

}



body.request #content label #received_date{

	top: -3.4em;

	width: 120px;

	height: 100%;

	margin-bottom: -1.7em;

}



body.request #content label #flower_request{

	top: -4.2em;

	margin-bottom: -2.8em;

} 



body.request #content label #comments{

	height: 125px;

}



body.request #content label a{

  position: relative;

  top: -2.6em;

  left: 280px;

}



body.register #content fieldset{

	margin-bottom: 3em;

	border: 0px solid #8e0000;



}



body.register #content legend{

	display: block;

	margin-bottom: 2em;

	padding: 0 .5em .2em .0em;

	border-bottom: 1px solid #8e0000;	

	font-size: 1.4em;

	font-weight: bold;

	color: #8e0000;

}



body.register #content label{

	display: block;

	margin-left: 35px;

 font-size: 1.2em;

 font-weight: bold;

 color: #000;	

}



body.register #content label.notrequired{

 font-weight: normal;

}



body.register #content input{

	margin-bottom: 1em;

	border: 1px solid #8e0000;

	background: #fbf7ba;

	color: #8e0000;

}



body.register #content label input{

	position: relative;

	top: -1.4em;

	margin-bottom: -1em;

	left: 140px;

	display: block;

	width: 200px;

	border: 1px solid #8e0000;

	background: #fbf7ba;

	color: #000;

}

body.register #content label.notrequired input{

	background: #fff;

}



body.register #content p{

	margin: 1em;

	font-size: 1.1em;

}



/* --- FOOTER ----------------- */



#footer{

 clear: both;

 height: 25px;

 margin-bottom: 1em;

 padding-top: 5px;

 background: url("../images/bg_footer.gif") no-repeat top left;

 text-align: center;

}



#footer ul{

 display: inline;

 margin-left: auto;

 margin-right: auto;

}



#footer li{

 display: inline;

 margin-left: .4em;

 border-right: 1px solid #ffffc4;

}

#footer li.last{ border: none; }



#footer li a{

 color: #ffffc4;

 font-size: 1.1em;

 margin-right: .4em;

}


/* --- STORE PHOTO ARCHIVE ----------------- */

ul.photo_selection_archive{
 display: inline;
 float: left; 
 width: 700px;
 margin-left: auto;
 margin-right: auto;
  margin-bottom: 1em;
 
}

ul.photo_selection_archive li{
 display: inline;
 margin-left: .5em;
 border-right: 1px solid #EEEEEE;
}


ul.photo_selection_archive li{ a{
 color: #ffffc4;
 font-size: 1.8em;
 margin-right: .5em;
}