/* 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; 
}

/* --- 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;
}

#catalog #contained, body.detail #contained{
 background: #f5f3d6;
}

h1{
 width: 760px;
 height: 192px;
 border-bottom: 1px #fff solid;
 background: url("../images/bg_header_generic.gif") no-repeat top left; 
}
h1 *{
 display: none;
}

/* --- NAVIGATION ---------------------- */

#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: 538px;
 margin-top: -2.2em;
 font-size: 1em;
 line-height: 2.4em;
}

#search label{
 font-size: 1.1em;
}

#search input{
 border: 1px solid #666;
 font-size: 1.1em;
 background-color: #FFFFC4;
 cursor: pointer;
}

#search #keyword{
 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,
#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: 1.5em;
 font-size: 1.4em;
 font-weight: bold;
 color: #8e0000;
}

#content p{
 font-size: 1.2em;
}

#content a{
 font-size: 1.1em;
 font-weight: bold;
}

#navigation, #navigation ul, #navigation li, #content, #content table.flower gallery, div.flower, div.flower dl, #footer, #footer ul, #footer li{
 font-size: 1em;
}

#content table.flowergallery td{
 padding-bottom: 16px;
 background: url("../images/bg_gallery_columnbottom.gif") no-repeat bottom left;
}


#contained .searchresult
{
   float: left;
   width: 161px;
   height: 15em;
   padding-bottom: 6px;
   margin-bottom: 1.2em;
   margin-right: 19px;
   display: inline;
   background: url("../images/bg_gallery_columnbottom5.gif") no-repeat bottom left;
}

#contained .searchresult *{
 position: relative;
 left: 3px;
}
#contained .searchresult img{
 position: relative;
 left: -3px;
}

#content table.flowergallery a{
 display: block;
 width: 161px;
 margin-top: 1.5em;
 margin-right: 29px;
 font-weight: bold;
 font-size: 1.1em;
 line-height: 1.5em;
}

#content a.checkout{
 padding: 2px;
 border: 1px solid #666;
 font-size: 1.2em;
 font-weight: normal;
 background-color: #ffffc4;
}

	/* DETAIL */

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;
}
*/

/*
___second detail layout (the one we are currently using) ___*/
div.flower p{
 width: 293px;
 min-height: 151px;
 _height: 151px;
 margin-bottom: 1em;
 padding-top: 14px;
 padding-bottom: 1em;
 padding-left: 7px;
 background: #f2f2f2 url("../images/bg_flower_details.gif") repeat-x top left;
 font-size: 1em;
}

#content div.flower p{
 font-size: 1.1em;
}
#content div.flower p *{
 font-size: 1em;
}


div.flower img{
 position: absolute;
 margin-left: 315px;
 margin-top: -30px;
}

div.flower a{
 
}

#content div.flower a.moveto, #content div.flower button.moveto{
 padding: 2px;
 border: 1px solid #666;
 font-size: 1.4em;
 background-color: #ffffc4;
}

	/* REQUEST (first page when logging in, i.e., catalog/index.php) */

body.request #content table col.label{
 width: 140px;
 text-align: left;
}

body.request #content table col.input{
 width: 580px;
 text-align: left;
}

body.request #content label{
 display: block;
 width: 135px;
 font-size: 1.4em;
 font-weight: bold;
 color: #8e0000;
 margin-bottom: 2em; 
}

body.request #content label span{
   font-size: .8em;
   font-weight: normal;
   color: #000;
}

body.request #content input{
   border: 1px solid #8e0000;
   background: #fbf7ba;
   color: #8e0000;
   margin-bottom: 2em;    
}

kbd{ font-size: 1.1em; }

#pickuptime_tbl{
   display: none;
}

#other_tbl{
   display: none;
}

	/*flower request table headers */
body.request #content table.flowerrequest th{
 font-size: 1.1em;
 font-weight: bold;
 text-align: center;
}
body.request #content table.flowerrequest th span{
 display: block;
 font-weight: normal;
 font-size: .9em;
 text-align: center;
}

body.request #content table a img{
 position: relative;
 top: 2px;
 left: .5em;
}

body.request #content textarea, body.request #content table input, body.request #content select{
   border: 1px solid #8e0000;
   background: #fff;
   color: #000;
   margin-bottom: 2em;    
}



   /* make all FORM-like objects on the page become large */
body.request #content textarea{
   width: 578px;
   height: 350px;
}
body.request #content #comments{
   height: 125px;
}

   /* exceptions to the above rule, e.g. text inputs  */
body.request #content #received_date, body.request #content #reference_name, 
body.request #content #pickuptime{
   width: 120px;
} body.request #content select{
   width: auto;
}
body.request #content #received_date{
  margin-bottom: 0;
}

	/* -- REGISTER --- */
	
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 textarea{
	margin-bottom: 1em;
	border: 1px solid #8e0000;
	color: #8e0000;
}

body.register #content label input{
	position: relative;
	top: -1.2em;
	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 h2{
	display: inline;
	margin-bottom: 2em;
	padding: 0 .5em .2em .0em;
	border-bottom: 1px solid #8e0000;
}

body.register #content a{
	font-size: 1em;
}

body.register #content p{
	width: 380px;
	margin: 1em;
	margin-bottom: 2em;
	font-size: 1.1em;
}

	/* -- LOGIN --- */
	
body.login #content{
 padding: 43px 0 50px 23px;
}

body.login #content h2{
 margin-top: 0;
 padding-top: 0;
 margin-bottom: 2em;
 position: relative;
 left: -25px;
}

body.login #content label{
 display: block;
 font-size: 1.2em;
 font-weight: bold;
 color: #000;	
}

body.login #content input{
 margin-top: .5em;
 margin-bottom: 1em;
 border: 1px solid #8e0000;
 background: #fbf7ba;
 color: #8e0000;
}

body.login #content label input{
 position: relative;
 top: -1.2em;
 margin-top: 0;
 margin-bottom: -1em;
 left: 140px;
 display: block;
 width: 200px;
 border: 1px solid #8e0000;
 background: #fbf7ba;
 color: #000;
}

body.login #content a{
	
}

body.login #content span.error{

}

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

#footer{
 clear: both;
 height: 25px;
 padding-bottom: 20px;
 padding-top: 5px;
 background: #fff 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;
}

/* - - - --- - - - - - */

.validation-error {
	background: #fcffbb;
}

#billing {
	width: 49%;
	float: left;
}

#shipping {
	width: 49%;
	float: right;
}


.error{
	text-transform: uppercase;
	color: red;
}

/* .searchresult
{
	float: left;
	width: 180px;
	 padding-bottom: 16px;
 	background: url("../images/bg_gallery_columnbottom.gif") no-repeat bottom left;
} */

.button
{
	border: 1px solid #000000;
	border-top-color: #ffffff;
	border-left-color: #ffffff;
	border-right-color: #6c6c6c;
	border-bottom-color: #6c6c6c;
	background-color: #dcdcdc;
	color: #000000;
	padding: 2px 4px 2px 4px;
	margin: 0px 0px 0px 0px;
	font-size: 8pt;
}

.button:active
{
	border-bottom-color: #ffffff;
	border-right-color: #ffffff;
	border-top-color: #6c6c6c;
	border-left-color: #6c6c6c;
	padding: 3px 3px 1px 5px;
}

tr.a { background: #f6f6f6; }
tr.b { background: #dcdcdc; }
.currency { text-align: right; }
#cart th, #items th { background: #dcdcdc; }
#cart td, #items td { padding: 2px; }

#cart table, #items table
{
	width: 100%;
	height: auto;
	font-size: 9pt;
}

#cart form { display: inline; }


/* EOF (global.css) */