/*
	File: ff.css, 2009 Jan 27
	
	Styles for new home page.
	
	modification:
		2008 Aug 25 - new styles for "Ranked by BRIDES!"
		2008 Aug 25 - new styles for "Shop for Flowers", and flower guides.
		2008 Jan 27 - home_slider.
*/
/*Note: 2011 Feb 23 Create the new class to reset css styles*/
.ff-reset html{
	color:#000;
	background:#FFF;
}
.ff-reset body, 
.ff-reset div,
.ff-reset dl, 
.ff-reset dt, 
.ff-reset dd, 
.ff-reset ul, 
.ff-reset ol, 
.ff-reset li, 
.ff-reset h1, 
.ff-reset h2, 
.ff-reset h3, 
.ff-reset h4, 
.ff-reset h5, 
.ff-reset h6, 
.ff-reset pre, 
.ff-reset code, 
.ff-reset form, 
.ff-reset fieldset, 
.ff-reset legend, 
.ff-reset input, 
.ff-reset textarea, 
.ff-reset p, 
.ff-reset blockquote, 
.ff-reset th, 
.ff-reset td {
	margin:0;
	padding:0;
}
.ff-reset table {
	border-collapse:collapse;
	border-spacing:0;
}
.ff-reset fieldset, 
.ff-reset img {
	border:0;
}
.ff-reset address, 
.ff-reset caption, 
.ff-reset cite, 
.ff-reset code, 
.ff-reset dfn, 
.ff-reset em, 
.ff-reset strong, 
.ff-reset th, 
.ff-reset var {
	font-style:normal;
	font-weight:normal;
}
.ff-reset li {
	list-style:none;
}
.ff-reset caption, 
.ff-reset th {
	text-align:left;
}
.ff-reset h1, 
.ff-reset h2, 
.ff-reset h3, 
.ff-reset h4, 
.ff-reset h5, 
.ff-reset h6 {
	font-size:100%;
	font-weight:normal;
}
.ff-reset q:before, 
.ff-reset q:after {
	content:'';
}
.ff-reset abbr, 
.ff-reset acronym {
	border:0;
	font-variant:normal;
}
.ff-reset sup {
	vertical-align:text-top;
}
.ff-reset sub {
	vertical-align:text-bottom;
}
.ff-reset input, 
.ff-reset textarea, 
.ff-reset select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
.ff-reset input, 
.ff-reset textarea, 
.ff-reset select {
	*font-size:100%;
}
.ff-reset legend {
	color:#000;
}

body {
	font-style: normal;
	font-variant:normal;
	font-weight: normal;
	font-size: 11px;
	line-height: normal;
	font-family:Arial, Helvetica, sans-serif;
	margin:6px 0 40px 0;
	/*background:url(../ff_images/bg_body.gif);*/
	background:url(../ff_images/bg_body.jpg);
	/*
     * Note: Luis, 2001 Jan 17
     * The new background of the site requires repetition on X and Y.
     */
    /*background-repeat:repeat-x;*/
    background-repeat:repeat;
	background-color:#33170d;/*Note: Luis, 2011 Jan 17, it was #7a5e39*/
	/*background-position:70% 0;*/
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html .clearfix {height: 1%;}

p {
	margin:0 0 15px;
	padding:0;
}

p.newsLetterBottom
{
	font-family:'Arial', Helvetica, sans-serif;
	font-size:10px;
	margin:10px 5px 10px 5px;
}	
p.newsLetterTop
{
	font-family:'Arial', Helvetica, sans-serif;
	font-size:11px;
}	
img {
	border:0;
	float:left;
}

.newsletter-header
{
    background-image: url(../ff_images/NewsletterForm/NewsletterBackground.jpg);
    background-repeat: repeat-x;
    height: 59px;
    padding: 5px 5px 5px 5px;
}

table.form-table
{
    width:100%;
    padding: 0px 0px 10px 0px;
}

.form-text
{
    font-size:12px;
    padding: 5px 0px 5px 5px;
    font-variant:small-caps;
}

.form-input
{
    font-size:12px;
}

td.submit-button-row
{
    padding:10px 0px 0px 60px;
}

a.submit-button
{
    text-decoration:none;
    color:white;
    font-size:12px;
    font-weight:bold;
}

.submit-button-left
{
    display:block;
    float:left;
    height:24px;
    width:6px;
    background-image: url(../ff_images/NewsletterForm/Newsletter-left.jpg);
    background-repeat: no-repeat;
}
.submit-button-center
{
    display:block;
    float:left;
    height:24px;
    width:53px;
    background-image: url(../ff_images/NewsletterForm/Newsletter-center.jpg);
    background-repeat: repeat-x;
    border-style:none;
    font-size:12px;
    font-family:Arial,Helvetica,sans-serif;
    color:white;
    font-weight:bold;
    padding:0px 0px 6px 0px;
    /*Note:2010 Jul 23 - Hack for IE 8*/
    padding /*\**/: 0px 0px 3px 0px\9
}
.submit-button-right
{
    display:block;
    float:left;
    height:24px;
    width:6px;
    background-image: url(../ff_images/NewsletterForm/Newsletter-right.jpg);
    background-repeat: no-repeat;
}

/***********************************************************************************LAYOUT****/
/*
	Note: #gradientBorder, 2008 Apr 04
*/
#gradientBorder
{
	width:818px;/*808px plus 5 pixels per side*/
	/*background-color:none;*//*Note: Luis, 2009 oct 05, this is not standard*/
	padding:10px 5px 10px 5px;
	margin:0 auto;
}

#warp {
	width:960px;/*it was 808px*/
	background:#FFF;
	margin:0 auto;
	/*
	Note: 2008 Apr 22
	It comes from adobe-kuler, "silver", them color.
	*/
	/*border:2px solid #E7E8E7;*//*it was border:1px solid #fce1ef;*/
	position:relative;
	margin-top:27px;

}

/*
 * Note: Luis
 * 2011 jan 28
 * Top part of the outter glow
 */
#sheetTop
{
   display:block; 
   width:990px;/*Note, Luis, 2010 feb 02, it was width:838px;*/ 
   height:25px;
   clear:both;
   margin:0px;
   padding:0px;
   /*background-color:#FFF8C0;*/
   background-image: url("../ff_images/sheet-top-bg.jpg");
   background-repeat: no-repeat;
   background-position:top left;
   position:absolute;
	/*
	 * Note: Luis, 2011 Feb 25
	 * If you zoon in a page on Mac Firefox, you will see some strange lines,
	 * so I reduced changed the top property from -25px to -24px.
	 */
	top:-24px;
   left:-15px;
   /*z-index:7;*/
}

#sheet-top-left
{
    display:block;
    float:left;
    width:35px;
    height:inherit;
    /*background-color:#184E69;*/
    background: url("../ff_images/sheet-top-left-bg.jpg") no-repeat scroll center top transparent;    
}

#sheet-top-middle
{
    display:block;
    float:left;
    width:920px;/*Note, Luis, 2010 feb 02, it was width:768px;*/
    height:inherit;
    /*background-color:#FFB525;*/
    background: url("../ff_images/sheet-top-middle-bg.jpg") repeat-x scroll top transparent;
}

#sheet-top-right
{
    display:block;
    float:left;
    width:35px;
    height:inherit;
    /*background-color:#2A532B;*/
    background: url("../ff_images/sheet-top-right-bg.jpg") no-repeat scroll center top transparent;
}


/*
 * Note: Luis
 * 2011 jan 28
 * Left part of the outter glow
 */
#sheetLeft
{
   display:block; 
   width:15px; 
   height:100%;
   clear:both;
   margin:0px;
   padding:0px;
   
   background: url("../ff_images/sheet-left-bg.jpg");
	background-repeat: repeat-y;
	background-position-x:left;
	background-color:#FFFFFF;
   position:absolute;
   top:0px;
   left:-15px;
   /*z-index:7;*/
}

/*
 * Note: Luis
 * 2011 jan 28
 * Right part of the outter glow
 */
#sheetRight
{
   display:block; 
   width:15px; 
   height:100%;
   clear:both;
   margin:0px;
   padding:0px;
   background-color:#FFCCCC;
   background: url("../ff_images/sheet-right-bg.jpg") repeat-y scroll transparent;
   position:absolute;
   top:0px;
   right:-15px;
   /*z-index:7;*/
}


/*
 * Note: Luis
 * 2011 jan 28
 * Bottom part of the outter glow
 */
#sheetBottom
{
   display:block;
   width:990px;/*Note, Luis, 2010 feb 02, it was width:838px;*/ 
   height:25px;
   clear:both;
   margin:0px;
   padding:0px;   
   background-image: url("../ff_images/sheet-bottom-bg.jpg");
   background-repeat: no-repeat;
   background-position:bottom left;
   position:absolute;
   /*
	 * Note: Luis, 2011 Feb 25
	 * If you zoon in a page on Mac Firefox, you will see some strange lines,
	 * so I reduced changed the bottom property from -25px to -24px.
	 */
   bottom:-24px;
   left:-15px;
   /*z-index:7;*/
}


#sheet-bottom-left
{
    display:block;
    float:left;
    width:35px;
    height:inherit;
    /*background-color:#184E69;*/
    background: url("../ff_images/sheet-bottom-left-bg.jpg") no-repeat scroll center top transparent;    
}

#sheet-bottom-middle
{
    display:block;
    float:left;
    width:920px;/*Note, Luis, 2010 feb 02, it was width:768px;*/
    height:inherit;
    /*background-color:#FFB525;*/
    background: url("../ff_images/sheet-bottom-middle-bg.jpg") repeat-x scroll top transparent;
}

#sheet-bottom-right
{
    display:block;
    float:left;
    width:35px;
    height:inherit;
    /*background-color:#2A532B;*/
    background: url("../ff_images/sheet-bottom-right-bg.jpg") no-repeat scroll center top transparent;
}


#header
{
	display:block;
	float:left;
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	height:auto;
	background-color:#FFFFFF;
}

#header_left
{
	display:block;
	float:left;
	width: 31%;/*2011Mar15 - Previously 26%*/
	height:auto;/*106px;*/
	margin:0px 0px 0px 0px;/*10px 10px 10px 10px;*/
	padding:0px 0px 0px 0px;
	background-color:#FFFFFF;/*#EFB047;*/
}


#header_left a.logo
{
	display:block;
	float:left;
	margin:1px 0px 10px 20px;/*2011Apr04 - Previously 0 0 10 20*/
	padding:0px 0px 0px 0px;
	text-decoration:none;
}

#header_left span.fiftyflowers-legend
{
	display:block;
	float:left;
	clear:both;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:180px;/*width of the fifty logo for ff3*/
	text-align:center;
	color:#33180F;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}


#header_right
{
	display:block;
	float:right;/*left;*/
	width: 69%;/*2011Mar15 - Previously 74%*/
	height:auto;
	margin:0px 0px 0px 0px;/*0px 10px 10px 10px;*/
	padding:0px 0px 0px 0px;
	background-color:#FFFFFF;/*#E54444;*/
	position:relative;
}

#header_right .leftColumn
{
	display:block;
	float:left;
	width:380px;/*370px;*//*360px*/
	height:auto;
	margin:0px 0px 12px 0px;/*0px 0px 25px 0px to reduce space between header and menu bar*/
	padding:0px 0px 0px 0px;
}

#header_right .leftColumn a
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*font-family:Calibri,Arial,Helvetica,sans-serif;*/
	font-family:Arial,Helvetica,sans-serif;
	color:#33170d;
	font-size:13px;
	line-height:95%;
	text-decoration:underline;
}

#header_right .leftColumn span.title-txt
{
	font-weight:bold;	
}

#header_right .leftColumn a.title-text
{
	font-weight:bold;
	text-decoration:none;
	color:#33170D;
	font-size:12px;
	line-height:100%;
}

#header_right .leftColumn a.title-text:hover
{
	text-decoration: underline;
}

#warp .header-cart/*added to give the special header a space with the menu bar*/
{
	margin:0px 0px 5px 0px;
}

#left-column-one
{
	display:block;
	float:left;
	width:100%;
	margin: 0px 0px 0px 15px ; /*0px 0px 0px 0px */ /*Note: 2011-Feb-04 - To move the buttons a little to the right*/
}

#left-column-one p
{
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*font-family:Calibri,Arial,Helvetica,sans-serif;*/
	font-family:Arial,Helvetica,sans-serif;
	color:#33170d;
	font-size:12px;
	/*line-height:95%;*/
}

#left-column-one #freeBtn
{
	display:block;
	float:left;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}

#left-column-one #freeBtn p
{
	margin:0px 0px 0px 5px;
}

#left-column-one #safeBtn
{
	display:block;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#left-column-one #safeBtn p
{
	margin:0px 0px 0px 5px;
}

#left-column-one #safeBtn a
{
	margin:0px 0px 0px 5px;
	color:#1f33f4;
}

#left-column-two
{
	display:block;
	float:left;
	width:100%;
	margin:20px 0px 0px 0px;/*margin:20px 0px 25px 0px;*/
	text-align:center;
}

#left-column-two h1
{
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	color:#582512;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;/*32 0 0 0*/
}

#left-column-two p
{
	display:block;
	clear:both;
	float:left;/*Note: 2008 Jul 30, it was float:right;*/
	width:100%;
	font-family:'Trebuchet MS', Helvetica, sans-serif;/*Note: it was font-family:Geneva, Arial, Helvetica, sans-serif;*/
	font-size:13px;
	text-align:center;
	color:#582512;/*Note: it was color:#554131;*/
	padding:0px 0px 0px 0px;
	margin:0px 0px 8px 0px;/*Note: 2009 mar 11, it was margin:37px 0px 0px 0px;*/
}

#left-column-two a.live-help-link
{
	background-image:url("/site_files/FiftyFlowers/ff_images/FiftyHeader/iLiveHelp.gif");
	background-repeat:no-repeat;
	margin:5px 0px 0px 0px;
	padding: 2px 0px 5px 25px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#582512;
	min-height:22px;
}

/*
#header_right .leftColumn span
{
	font-family:Calibri,Arial,Helvetica,sans-serif;
	color:#33170d;
	font-size:14px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:95%;
}

#header_right .leftColumn span.title-txt
{
	font-weight:bold;
}



#left-column-one .safeBtn a
{
	font-family:Calibri,Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#1f33f4;
	text-decoration:underline;
	line-height:90%;
}

#left-column-one .header-button-image-wrapper
{
	display:block;
	float:left;
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
}
*/

#header_right .leftColumn p span.phoneNumber{
	color:#228504;/*Note: it was color:#006600;*/
	/*font-weight:bold;*/
}

#header_right .rightColumn
{
	display:block;
	float:right;
	width:150px;/*180px*/
	height:auto;
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
}

#header_right_top {
	width:200px;/*Note: 2009 Jan 21, it was width:100px;*/
	height:auto;/*Note: 2008 jul 14, it was height:38px;*/
	display:block;
	clear:both;
	float:right;
	margin:0px 0px 0px 0px;/*Note: 2008 Aug 28, it was margin:0px 0px 7px 0px;*/
	padding:0px 0px 0px 0px;
	/*background-color:#99CC66;*/
}

#header_right_top a {
	color:#4D3A2F;
display:block;
float:left;
font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
font-size:10px;/*Note: 2007 Dec 21, it was 11px*/
/*font-size-adjust:none;*/ /*Note: Luis, 2011 feb 02, it is not and standard css property*/
/*font-stretch:normal;*/ /*Note: Luis, 2011 feb 02, it is not and standard css property*/
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0;
padding:0px 0px 0px 0px;
text-decoration:none;
}

#header_right_top a:hover {
color:#eb79b0;/*it was color:#EF78B7;*/
}

.topbtn {width:143px; height:38px; float:right;}

/*
	Note: .topbtn span , 2007 Dec 21
	This style was not working as we expect, so we
	create new styles instead it.
*/
/*.topbtn span {font-size:14px;}*/

/*
	Note: #livehelpbtn, 2008 Mar 17
	Old styles for live person button. However, please don't erase them.
*/
/*#livehelpbtn {background:url(../ff_images/btn_livehelp.jpg) no-repeat; float:right;}*/


/*
	Note: #livehelpbtn, 2008 Aug 28
*/
#livehelpbtn
{
	display:block;
	width:210px;/*Note: 2009 Jan 21, it was width:130px;*/
	height:23px;/*Note: 2008 Aug 28, it was height:33px;*/
	overflow:hidden;
	float:right;
	padding:0px 0px 0px 0px;
	position:relative;
	/*border-bottom:1px solid #CCCCCC;*/
}

/*
	Note: span.textoEspanol, 2009 Jan 21
*/

#livehelpbtn span.textoEspanol
{
	display:block;
	color:#a19591;
	font-family:'Trebuchet MS',Verdana, Helvetica, sans-serif;
	font-size:11px;
	margin-top:4px;
	margin-right: 5px;
	float:right;
}

/*
	Note: #livehelpbtn a, 2008 Aug 28
*/
#livehelpbtn a
{
	display:block;
	width:117px;/*Note: 2008 Aug 28, it was width:130px;*/
	height:23px;/*Note: 2008 Aug 28, it was height:33px;*/
	overflow:hidden;
	border:none;
	float:right;/*new style*/
	background:url(../ff_images/btn_livehelp.jpg) no-repeat top left;
	/*background-color:#CC3300;*/
}

#livehelpbtn a:hover
{
	background:url(../ff_images/btn_livehelp.jpg) no-repeat top left;
}


#blogbtn {background:url(../ff_images/btn_blog.jpg) no-repeat; float:right;}

/*
	Note: #cnnbtn, 2008 Mar 18
	this is the style for the top right module that has the links for CNN and Bellaonline articles.
*/
#cnnbtn {width:153px;/*it was width:163px;*/ background:url(../ff_images/btn_cnn.jpg) no-repeat; float:right;}

#cnnbtn p
{
	/*font-family:"Lucida Grande",Lucida,Verdana,sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 10px;
	padding:0px;
	width:140px;
	height:35px;
	font-size:9px;
	font-weight:normal;
	line-height:10px;
	color:#4D3A2F;
	word-spacing:-0.7px;
	/*font-stretch:ultra-condensed;*/
}

/*
	Note: #cnnbtn a, 2008 Mar 05
	Here we override the styles of its parent "#header_right_top a" 
*/
#cnnbtn p a
{
	display:inline;
	float:none;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
	font-size:9px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-decoration:none;
	line-height:10px;
	color:#eb79b0;/*it was #4D3A2F*/
	word-spacing:-0.7px;
	/*font-stretch:ultra-condensed;*/
}

#cnnbtn p span
{
	color:#eb79b0;
	font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
	font-weight:bold;
	word-spacing:-0.7px;
	/*font-stretch:ultra-condensed;*/
}



/*
	Note: #header_right_bottom, 2008 Mar 03
*/
#header_right_bottom {
	width:200px;/*Note: 2010 Aug 20, width:150px;*/
	height:45px;/*it was 38px;*/
	display:block;
	clear:both;
	float:right;
	margin:0px 0px 0px 0px;/*Note: Luis, 2009 oct 05, this was margin-right:0px 0px 0px 0px;*/
	padding:0px 0px 0px 0px;
	/*background-color:#99CCFF;*/
}

/*
Note: 2008 aug 01
It used to be #header_right_bottom instead  #header_right_top.
*/
/*
#header_right_top p{
	display:block;
	float:left;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	color:#554131;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}*/

/*
Note: 2008 aug 01
It used to be #header_right_bottom instead  #header_right_top.
*/
/*#header_right_top p span.phoneNumber{
	color:#006600;
	font-weight:bold;
}*/

/*
	Note: #cart_login, 2008 May 28
	
	For the link to the shopping cart and login link that are
	at the top right of each page.
*/
#cart_login
{
	display:block;
	width:135px;/*Note: 2010 Aug 20, it was width:115px;*/
	height:90px;
	/*overflow:hidden;*/ /*Note: 2010 Sep 01 - commented to show preview cart widget correctly.*/
	float:right;
	padding:0px 0px 7px 0px;
	font-family:'Arial', Helvetica, sans-serif;
}

/*
	Note: Saith
	Date: 2010-10-11
	Comment: The code commented serves to header standard.
*/ 
/*a.headerLink
{
	width:112px;
	height:18px;
	display:block;
	clear:both;
	float:left;
	font-family:'Arial', Helvetica, sans-serif;
	font-size:11px;
	color:#554131;
	text-decoration:none;
	line-height:18px;
	text-align: left;
	margin:0px 0px 0px 0px;
	
}

a.shopping-cart
{
    font-size:12px;
    font-weight:bold;
    margin:3px 0px 0px 0px;
}

a.preview-cart
{
    font-size:10px;
    margin: 0px 0px 0px 27px;
    color: #0000FF;
}

a.wish-list
{
    text-align: right;
    margin: 10px 0px 0px 10px;
    
}

a.recently-viewed
{
    text-align: right;
    margin: 0px 0px 0px 10px;
}*/

/*
Note: a.welcome, 2008 sep 25
It was created just to avoid some odd issues about "W". Indeed, it was a little cut out on firefox.
*/
/*
	Note: Saith
	Date: 2010-10-11
	Comment: The code commented serves to header standard.
*/ 
/*
a.welcome
{
	padding-left:1px;
}

a.headerLink:hover
{
	color:#f080bc;
}*/

/*Note: 2010 Aug 18 - New styles for some header links*/

div.greeting-container
{
	display:block;
	float:right;
	height:36px;/*15*/ /* Pablo: the are now two span on the standard header the links were divided in two lines*/
	position:absolute;
	bottom:15px;/*30*/ /*Pablo: to make header smaller , there was too much space between header and menu bar*/
	right:0px;
	background-color:transparent;
	/*overflow:hidden;*/
	text-align:right;
	margin:0px 12px 0px 0px;
}
/*
	Note: Saith
	Date: 2010-10-11
	Comment: The code commented serves to header standard.
*/ 
/*
span.customer-name-header
{
    font-family:'Trebuchet MS',Helvetica,sans-serif;
    font-size:12px;
    font-weight:bold;
    padding:0 15px 0 0;
    color:#554131;
}

a.customer-name-link
{
    color:#554131;
    font-size:12px;
    text-decoration:none;
}

a.customer-name-link:hover
{
    color:#f080bc;
}

a.loginout-link
{
    color:#554131;
    font-size:12px;
    text-decoration:none;
}
a.loginout-link:hover
{
    color:#f080bc;
}

a.myAccount-link
{
    color:#554131;
    font-size:12px;
    text-decoration:none;
}
a.myAccount-link:hover
{
    color:#f080bc;
}

a.help-link
{
    color:#554131;
    font-size:12px;
    text-decoration:none;
}
a.help-link:hover
{
    color:#f080bc;
}*/

/*
Note:#cart_link, 2008 Aug 28
*/
/*
	Note: Saith
	Date: 2010-10-11
	Comment: The code commented serves to header standard.
*/ 
/*
#cart_link
{
	width:112px;
	background:url(../ff_images/ShoppingCartPages/cart_icon_brown.gif) no-repeat;
	background-position:left 2px;
	padding:0px 0px 0px 25px;
}

#cart_link span.linkText
{
	display:block;
	width:90px;
	overflow:hidden;
}*/

/*
Note: cart_checkOut ,2008 May 28
*/
#cart_checkOut
{
	width:118px;/*Note: 2008 Jul 15 It was 100%*/
	height:20px;
	display:block;
	clear:both;
	float:left;
	font-size:11px;/*Note: 2008 Jul 15 It was 12px*/
	color:#554131;
	text-decoration:none;
	text-align:left;
	line-height:20px;
	padding:0px 0px 0px 33px;/*Note: 2008 jul 23 it was padding:0px 0px 0px 21px;*/
	margin:0px;
	
}
/*
Note: cart_checkOut ,2008 May 28
*/
#cart_checkOut:hover
{
	color:#f080bc;
}

#login_link
{
	width:100px;
	height:11px;
	display:block;
	float:right;
	clear:both;
	font-size:11px;
	color:#554131;
	text-decoration:none;
	margin:0px;
	padding:0px;
	line-height:11px;
	/*background-color:#00CC99;*/
}
#login_link:hover
{
	color:#f080bc;
	/*text-decoration:underline;*/
}

/*
Note: 2008 Sep 01
It belongs to the previous style of the top nav bar.
*/
/*
#menu_top {
	width:801px;
	height:21px;
	background:url(../ff_images/bg_menu_top.gif) repeat-x;
	border-top:1px solid #fce1ef;
	border-bottom:2px solid #F5C6D6;
	padding:0 0 0 7px;
	clear:both;
}*/
/* commented NEW MENU BAR, NEW SERACH BOX AND BUTTON FF3    20JAN2011
#menu_top {
	width:100%;Note: 2008 Sep 01, it was width:801px;
	height:25px;
	background:url(../ff_images/bg_menu_top.jpg) repeat-x;
	border-top:1px solid #fce1ef;
	border-bottom:2px solid #F5C6D6;
	padding:0 0 0 7px;
	clear:both;
	background-color:#CC99CC;
}*/

/*start new menu_bar Pablo: jan 19-2011*/
#menu_bar_container{
	width:100%;
	height:30px;
    position:relative;
	clear:both;
    margin: 0px;
    padding: 0px;
}

#menu_bar {
    width: 1004px;/*Note 2011Mar15 - New width for wider site. Previously 852px*/
	height:23px;
    position:absolute;
    left: -22px;/*24px*/
    background:url(../ff_images/menu_bar_background.jpg) repeat-x;
}
/* BEGIN Flyout Submenu*/
#menu_bar_container .nav
{
	height:23px;
}

#menu_bar_container ul
{
    display: block;
    margin: 0px;
    padding: 0px;
    height: 23px;
    /*position: absolute;*/
    /*top:0px;*/
    /*left:0px;*/
    list-style: none;
}

#menu_ul li.menubar-li
{
    float: left;
    list-style: none;
	position:relative;
	border-right: 1px solid #FFF;
	height: 23px;
}

#menu_ul li.menubar-li:hover
{
	background-color: #ED008C;
}

#menu_ul li#first-li
{    
	width: 105px;/*78px*/
}

#menu_ul li#second-li
{
	width: 155px;/*126*/
}

#menu_ul li#third-li
{
	width: 130px;/*105*/
}

#menu_ul li#fourth-li
{
	width: 115px;/*91*/
}

#menu_ul li#fifth-li
{
	width: 115px;/*82*/
}

#menu_ul li#sixth-li
{
	width: 105px;/*90*/
	border: none;
}

#menu_ul a
{
	display:block;
	float:left;
    text-decoration: none;
    color: white;
    /*font-family: Calibri, Trebuchet MS,Georgia;*/
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
    font-size: 13px;
	padding:3px 0px 0px 7px;
	height:20px;
}

#menu_ul a#first-a
{
	padding: 3px 0px 0px 20px;
	width:81px;
}

#menu_ul a#second-a
{
	width:135px;
	padding: 3px 0px 0px 21px;
}

#menu_ul a#third-a
{
	width:113px;
	padding: 3px 0px 0px 18px;
}

#menu_ul a#fourth-a
{
	width:97px;
	padding: 3px 0px 0px 19px;
}

#menu_ul a#fifth-a
{
	width:94px;
	padding:3px 0px 0px 22px;
}

#menu_ul a#sixth-a
{
	width:92px;
	padding: 3px 0px 0px 13px;
}

/*Submenu general styles*/
#menu_ul div.submenu-class
{
	display:block;
	float:left;	
	z-index:10; /*z-index order from bottom to top: submenus, searchbox, chatbox*/
}

/*This style removes the div when the mouse is not over a specific menu*/
#menu_ul div.submenu-class, #menu_ul:hover div.submenu-class
{
	position:absolute;
	left: -9999px;
	top: -9999px;
}

#menu_ul div.left-border
{
	display:block;
	float:left;
	background:url(../ff_images/SubMenu/left_dropdown.gif);
	background-repeat: repeat-y;
}

#menu_ul div.middle-container
{
	display:block;
	float:left;
	padding:5px 10px 5px 10px;
	font-size:13px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	background-color:#FFF;	
}

#menu_ul div.middle-container ul.product-column
{
	display:block;
	float: left;
	margin:0px 10px 0px 0px;
}

#menu_ul div.middle-container ul.product-column li
{
	padding: 0px 0px 3px 0px;
	height: 17px;
	margin: 0px 0px 3px 0px;
}

#menu_ul div.middle-container ul.product-column a
{
	display:block;
	float:left;
	clear:both;
	text-decoration:none;
	color:#000;
	padding: 0px 0px 0px 0px;
}

#menu_ul div.middle-container ul.product-column a.column-title
{
	font-weight:bold;
	text-decoration:underline;
	color:#228504;
}

#menu_ul div.middle-container ul.product-column a:hover
{
	text-decoration:underline;
	color:#F080BC;
}

#menu_ul div.middle-container div.info-container
{
	display:block;
	float:left;
	clear:both;
}

#menu_ul div.middle-container div.see-all-container
{
	display:block;
	float:right;
	padding:0px 20px 0px 0px;
	height:20px;
}

#menu_ul div.middle-container div.see-all-container a.see-all-link
{
	font-weight:bold;
	text-decoration:underline;
	color:#228504;
	padding: 0px 0px 0px 0px;
}

#menu_ul div.middle-container div.see-all-container a.see-all-link:hover
{
	color:#F080BC;
}

#menu_ul div.right-border
{
	display:block;
	float:left;
	background:url(../ff_images/SubMenu/right_dropdown.gif);
	background-repeat: repeat-y;
}

#menu_ul div.left-corner
{
	display:block;
	float:left;
	clear:left;
	height:6px;
	width:6px;
	background:url(../ff_images/SubMenu/leftcorner_dropdown.gif);
	background-repeat: no-repeat;
}

#menu_ul div.bottom-border
{
	display:block;
	float:left;
	background:url(../ff_images/SubMenu/bottom_dropdown.gif);
	background-repeat: repeat-x;
}

#menu_ul .right-corner
{
	display:block;
	float:left;
	height:6px;
	width:6px;
	background:url(../ff_images/SubMenu/rightcorner_dropdown.gif);
	background-repeat: no-repeat;
}

/*All Flowers specific styles*/
#submenu-a
{
	height:315px;
	/*width:623px;*/
	width:750px;
}

#submenu-a div.left-border
{	
	height:329px;
	width: 6px;	
}

#submenu-a div.middle-container
{	
	height:319px;
	/*width: 590px;*/
	width:715px;
}

#submenu-a div.middle-container div.info-container
{
	height:299px;
}

#submenu-a div.right-border
{
	height:329px;
	width: 6px;
}

#submenu-a div.bottom-border
{
	height:6px;
	/*width:610px;*/
	width:735px;
}

#submenu-a div.middle-container ul.product-column
{
	margin:0px 0px 0px 0px;
}

#submenu-a div.middle-container ul.product-column li
{
	padding: 0px 0px 0px 0px;
	/*height: 20px;*/
	width: 106px;
	overflow: hidden;
}

#submenu-a div.middle-container ul.margin-right
{
	margin-right:15px;
}

/*This style shows the div when the mouse is over the "All Flowers" menu*/
#menu_ul :hover div#submenu-a
{
	position:absolute;
	left:5px;
	top:23px;
}

/*DIY Flower Combos specific styles*/
#submenu-b
{
	height:343px;
	width:382px;
}

#submenu-b div.left-border
{	
	height:337px;
	width: 6px;	
}

#submenu-b div.middle-container
{	
	height:337px;
	width: 370px;
	padding:0px 0px 0px 0px;
}

#submenu-b div.middle-container div.info-container
{
	height:312px;
}

#submenu-b div.right-border
{
	height:337px;
	width: 6px;
}

#submenu-b div.bottom-border
{
	height:6px;
	width:370px;
}

#submenu-b div.middle-container ul.product-column
{
	margin:0px 0px 0px 0px;
}

#submenu-b div.middle-container ul.product-column li
{
	padding: 6px 10px 0px 10px;
	width: 350px;
	overflow: hidden;
}

#submenu-b div.middle-container ul.product-column li.light-background
{
	/*background-color:#F5E5ED;*/
	background-color: #FFF;
}

/*This style shows the div when the mouse is over the "DIY Flower Combos" menu*/
#menu_ul :hover div#submenu-b
{
	position:absolute;
	left:5px;
	top:23px;
}

/*Wedding Colors specific styles*/
#submenu-c
{
	height:331px;
	width:571px;
}

#submenu-c div.left-border
{	
	height:352px;
	width: 6px;	
}

#submenu-c div.middle-container
{	
	height:342px;
	width: 549px;
	padding:5px 5px 5px 5px;
}

#submenu-c div.middle-container div.info-container
{
	height:322px;
}

#submenu-c div.middle-container ul.product-column
{
	margin:0px 10px 0px 0px;
}

#submenu-c div.middle-container ul.product-column li
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;/*0 0 5 0*/
	/*height: 20px;*/
	width: 127px;
	overflow: hidden;
}

#submenu-c div.middle-container ul.product-column li img
{
	margin:-2px 0px 0px 0px;
}

#submenu-c div.right-border
{
	height:352px;
	width: 6px;
}

#submenu-c div.bottom-border
{
	height:6px;
	width:559px;
}

/*This style shows the div when the mouse is over the "DIY Flower Combos" menu*/
#menu_ul :hover div#submenu-c
{
	position:absolute;
	left:5px;
	top:23px;
}

/*Centerpieces specific styles*/
#submenu-d
{
	height:251px;
	width:342px;
}

#submenu-d div.left-border
{	
	height:269px;
	width: 6px;	
}

#submenu-d div.middle-container
{	
	height:259px;
	width: 310px;
}

#submenu-d div.middle-container div.info-container
{
	height:240px;
}

#submenu-d div.middle-container ul#first-column-ul
{
	margin:0px 0px 0px 0px;
	width: 107px;
}

#submenu-d div.middle-container ul#second-column-ul
{
	margin:0px 36px 0px 36px;
	width: 47px;
}

#submenu-d div.middle-container ul#third-column-ul
{
	margin:0px 0px 0px 0px;
	width: 84px;
}

#submenu-d div.middle-container ul.product-column li
{
	padding: 0px 0px 0px 0px;
	/*height: 20px;*/
	overflow: hidden;
}

#submenu-d div.right-border
{
	height:269px;
	width: 6px;
}

#submenu-d div.bottom-border
{
	height:6px;
	width:330px;
}

/*This style shows the div when the mouse is over the "Centerpieces" menu*/
#menu_ul :hover div#submenu-d
{
	position:absolute;
	left:5px;
	top:23px;
}

/*Best Sellers specific styles*/
#submenu-e
{
	height:343px;
	width:382px;
}

#submenu-e div.left-border
{	
	height:337px;
	width: 6px;	
}

#submenu-e div.middle-container
{	
	height:337px;
	width: 370px;
	padding:0px 0px 0px 0px;
}

#submenu-e div.middle-container div.info-container
{
	height:312px;
}

#submenu-e div.right-border
{
	height:337px;
	width: 6px;
}

#submenu-e div.bottom-border
{
	height:6px;
	width:370px;
}

#submenu-e div.middle-container ul.product-column
{
	margin:0px 0px 0px 0px;
}

#submenu-e div.middle-container ul.product-column li
{
	padding: 6px 10px 0px 10px;
	width: 350px;
	overflow: hidden;
}

#submenu-e div.middle-container ul.product-column li.light-background
{
	/*background-color:#F5E5ED;*/
	background-color: #FFF;
}

/*This style shows the div when the mouse is over the "Best Sellers" menu*/
#menu_ul :hover div#submenu-e
{
	position:absolute;
	left:5px;
	top:23px;
}

/* END Flyout Submenu*/

#search_box {
    position:absolute;
    top: -4px; /*Previously -6px*/
    right:57px; /*Previously 54px*/
    margin: 0px;
    padding: 0px;
	z-index:100; /*z-index order from bottom to top: submenus, searchbox, chatbox*/
}
#search_box_border_left{
    float:left;
    background:url(../ff_images/search_box_border_left.jpg);
    background-repeat: no-repeat;
    height: 40px;
    width: 6px;
    
}
#search_box_content{
    float:left;
    background:url(../ff_images/search_box_content.jpg) repeat-x;
    height: 40px;
    width: 160px;
    /*z-index: 101;*/
}
#search_box_border_right{
    float:left;
    background:url(../ff_images/search_box_border_right.jpg);
    background-repeat: no-repeat;
    height: 40px;
    width: 7px;
    /*z-index: 101;*/
}
#search_box .search_box_input{
    border:0px;
    outline-color:white;/*to remove the input border when selected on chrome and safari*/
    width: 152px;
    /*font-size:15px;*/
	font-size: 12px;
    font-style: italic;
    /*color:#8E807C;*/
	color:#563E20;
    /*font-family: Calibri, Trebuchet MS,Georgia;*/
	font-family: Helvetica, Arial, sans-serif;
    margin: 8px 0px 0px 2px; /*Previously 6 0 0 0*/
    
}
#search_button{
    height: 28px;
    width: 55px;
    position:absolute;
    top:0px;
    right: 7px;
	z-index: 101;
}

#search_button a{
    display: block;
    height: 28px;
    width: 55px;
    background-image:url(../ff_images/search_button.gif);
    background-repeat: no-repeat;
	text-decoration:none;
}
/*end new menu_bar jan 19-2011*/

/*
Note: 2008 Aug 29
*/
/*
.menu_top_itms {
	width:auto;
	height:18px;
	padding:2px 19px 1px 19px;
	border-right:1px solid #F5C6D6;
	float:left;
}

.menu_top_itms {
	color:#53372c;
	font-size:12px;
	text-align:left;
}

.menu_top_itms a{
	color:#53372c;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	text-decoration:none;
}
.menu_top_itms a:hover{
	color:#53372c;
	text-decoration:underline;
}
*/


/* commented NEW MENU BAR, NEW SERACH BOX AND BUTTON FF3    20JAN2011
Note: .menu_top_itms, 2008 Aug 29
New styles for the main menu.
*/
/*.menu_top_itms {
	width:125px;
	float:left;
	height:18px;
	padding:0px 10px 0px 10px;
	margin:4px 0px 0px 0px;
	background-color:#CC6600;
	overflow:hidden;
}

.menu_top_itms_first
{
	padding-left:25px;
}

.menu_top_itms_wrapper
{
	height:100%;
	float:left;
	border-right:1px solid #f5c6d6;Note: 2008 Sep 05
}

.menu_top_itms_wrapper_last
{
	height:100%;
	float:left;
}*/

/* commented NEW MENU BAR, NEW SERACH BOX AND BUTTON FF3    20JAN2011
Note: #menu_top .verticalLine, 2008 Sep 05
It separates each menu item of the main top menu.
*/
/*#menu_top .verticalLine
{
	width:1px;
	height:100%;
	float:left;
	background-color:#FF6600;
	background:url(../ff_images/verticalLine.jpg);
	background-repeat:no-repeat;
}


Note: 2008 Sep 04

.menu_top_itms a.topMenuLink
{
	height:18px;
	line-height:18px;
	font-size:12px;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	background-color:#99CC33;
	color:#973f5d;
	text-decoration:none;
	overflow:hidden;
	margin-top:5px;
	padding:0px 0px 0px 0px;Note: 2008 Sep 04
}

.menu_top_itms a.topMenuLink:visited
{
	height:18px;
	line-height:18px;
	font-size:12px;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	background-color:#99CC33;
	color:#973f5d;
	margin-top:5px;
	padding:0px 0px 0px 0px;Note: 2008 Sep 04
}

.menu_top_itms a.topMenuLink:hover
{
	height:18px;
	line-height:18px;
	font-size:12px;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	background-color:#0066FF;
	background:url(../ff_images/topMenuLink.jpg);
	background-repeat:repeat-x;
	color:#973f5d;
	margin-top:5px;
	padding:0px 0px 0px 0px;Note: 2008 Sep 04
}


.menu_top_itms a.topMenuLink span.topMenuLink_left
{
	width:10px;
	height:18px;
	line-height:18px;
	font-size:12px;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	background-color:#FFCC99;
	margin:0px;
	padding:0px 5px 0px 0px;
}

.menu_top_itms a.topMenuLink:visited span.topMenuLink_left
{
	width:10px;
	height:18px;
	line-height:18px;
	font-size:12px;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	background-color:#FFCC99;
	margin:0px;
	padding:0px 5px 0px 0px;
}

.menu_top_itms a.topMenuLink:hover span.topMenuLink_left
{
	width:10px;
	height:18px;
	line-height:18px;
	font-size:12px;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	background:url(../ff_images/topMenuLink_left.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#990066;
	margin:0px;
	padding:0px 5px 0px 0px;
}

.menu_top_itms a.topMenuLink span.topMenuLink_right
{
	width:10px;
	height:18px;
	line-height:18px;
	font-size:12px;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	background-color:#FFCC99;
	margin:0px;
	padding:0px 0px 0px 5px;
}

.menu_top_itms a.topMenuLink:visited span.topMenuLink_right
{
	width:10px;
	height:18px;
	line-height:18px;
	font-size:12px;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	background-color:#FFCC99;
	margin:0px;
	padding:0px 0px 0px 5px;
}

.menu_top_itms a.topMenuLink:hover span.topMenuLink_right
{
	width:10px;
	height:18px;
	line-height:18px;
	font-size:12px;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	background-color:#990066;
	background:url(../ff_images/topMenuLink_right.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	margin:0px;
	padding:0px 0px 0px 5px;
}*/

/* commented NEW MENU BAR, NEW SERACH BOX AND BUTTON FF3     PABLO: 20JAN2011
Note: #searchBar, 2008 Sep 01
it wraps the search box and the "Go" button in the top main menu.
*/
/*#searchBar
{
	display:inline;
	height:100%;
	float:right;
	margin:0px 15px 0px 0px;	
	padding:0px 0px 0px 0px;*Note: 2008 Sep 01, it was padding:2px 14px 0px 0px;
	background-color:#006699;
}*/

/* commented NEW MENU BAR, NEW SERACH BOX AND BUTTON FF3     PABLO: 20JAN2011
	Note: #searchBar #searchButton, 2008 Mar 05
	it is the style for the button-image that triggers a search
	in the main site bar.
*/
/*#searchBar #searchButton
{
	display:block;
    float:left;
	margin:4px 0px 0px 3px;
	padding:0px 0px 0px 0px;
	background:url(../ff_images/search_button_bg.jpg) repeat-x top;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	color:#666666;
	width:26px;
	height:18px;
	border:0px solid #FFFFFF;	
	background:#CC6600;
}*/

/* commented NEW MENU BAR, NEW SERACH BOX AND BUTTON FF3   PABLO: 20JAN2011
Note: #searchBar #search_val, 2008 Sep 01
Style for the input box in the main top navigation.
*/
/*#searchBar #search_val
{
	display:block;
    float:left;
	width:140px; 
	height:14px;
	border:1px solid #f2a1c7;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-size:12px;
	background-color:#99FFCC;
	color:#8e807c;
	margin:5px 3px 3px 0px;The same left margin as "#searchButton"
	padding:0px 0px 0px 3px;
}*/

#container {
	width:936px;/*it was width:783px;*/
	margin:20px 12px 20px 12px;/*Note: Luis, 2011 feb 02, it was margin:20px auto;*/
	clear:both;
}

#container_left {
  /*
   * Note: Luis, 2011 feb 02
   * This container should be 200px total, so
   * for this case, we have 192 plus 8 of the margin.
   */
	width:163px;
	float:left;
	margin-left:8px;
	/*background-color:#0066FF;*/
}

* html #container_left {
	margin-left:4px;
}

#container_right {
	/*
	Note: 2009 Jan 29
	I just added the 2 pixels that was deducted from container_left's width. 
	*/
	
	width:765px;
	float:left;/*Note: 2009 Jan 29, it was right*/
	clear:right;/*Note:2009 Jan 29, new style. it is just to ensure that there is no element besides this right column.*/
	/*background-color:#FFFF99;*/
}


/*
	Note: .leftnav, 2008 Sep 02
	I turn every "#leftnav" into ".leftnav"
*/
.leftnav
{
	padding:0px 0px 13px 0px;/*Note: 2008 may 26, it was padding:0px 0px 15px 0px;*/
}

/*
Note:.leftnav_first, 2008 Sep 03

This class just push a little up "Shop for Flowers" menu. Thus,
it gets aligned to the flash piece.
*/
.leftnav_first {
	margin-top:-3px;
	/*background-color:#99CCCC;*/
}

.leftnav a {display:block; font-size:12px;}

/*
	Note: .menu_left_title, 2008 Mar 31
*/
.menu_left_title {
	/*
		I changed this value just to make the line below "Browse our flowers"
		not go too far to the right.
	*/
	width:155px;/*Note: 2007 Mar 31, it was width:170px;*/
	height:18px;
	clear:both;
	/*border-bottom:1px solid #edebea;*/
	margin:0 0 10px 0;
	padding:0px;
}

/*
	Note: #menu_left_title h3, 2008 Aug 30
	It is the title for "Browse Our Flowers" and "Quick Links"
	It is the  previous version, so I decided to keep it.
*/
/*
#menu_left_title h3
{
	display:block;
	float:left;
	width:120px;
	height:18px;
	font-family:'Century Gothic', Helvetica, sans-serif;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 3px 0px 0px;
	background-color:#006600;
	background-image:url(../ff_images/menu_left_title_middle.jpg);
	background-repeat:repeat-x;		
}
*/

/*
Note: .menu_left_title h3, 2008 Aug 30
It is the title for "Browse Our Flowers" and "Quick Links".
*/
/*
Note: 2009 mar 11
Changed from h3 to h2
*/
.menu_left_title h2
{
	display:block;
	float:left;
	width:100%;/*Note: it was width:150px;*/
	height:18px;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	color:#228504;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*background-color:#996600;*/
}

/*
Note: .leftEnd, 2008 jul 14
It is the left End of menu_left_title's background.
*/
.menu_left_title .leftEnd
{
	display:block;
	float:left;
	width:5px;
	height:18px;
	/*background-color:#006600;*/
	background-image:url(../ff_images/menu_left_title_leftEnd.jpg);
	background-repeat:no-repeat;
}

/*
Note: .rightEnd, 2008 jul 14
It is the right end of menu_left_title's background.
*/
.menu_left_title .rightEnd
{
	display:block;
	float:left;
	width:5px;
	height:18px;
	/*background-color:#006600;*/
	background-image:url(../ff_images/menu_left_title_rightEnd.jpg);
	background-repeat:no-repeat;	
}



/*
Note: .middle, 2008 Aug 25
This is used inside the h3 to give more space 
to the left. This is the previous style.
*/
/*#menu_left_title h3 .middle
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}*/

/*
Note: .middle, 2008 Aug 25
This is used inside the h3 to give more space 
Note: 2009 Mar 11
Changed from h3 to h2
*/
.menu_left_title h2 .middle
{
	/*background-color:#FFFFFF;*/
	text-decoration:underline;
	padding:0px 0px 0px 0px;
	margin:0px 10px 0px 0px;
}

.menu_l_itms {
	padding:0 0 5px 0;/*Note: 2007 Dec 20, it was padding:0 0 9px 0;*/
	clear:both;
	text-align:left;
	/*background-color:#99CC66;*/
}

/*
Note: 2008 jul 30
*/
#container_left .leftnav .menu_l_itms a:hover {
background:#FFFFFF url(../ff_images/ico_allflowes.jpg) no-repeat scroll right center;
color:#f080bc; /*Note: 2007 Dec 20, it was color:#FF9999;*/
padding-right:25px; /*Note: 2008 Jul 30, it was margin-right:5px;*/
font-weight:bold;
/*
	Note: commented, 2007 Dec 20
	
	See .menu_l_itms a
*/
/*border-left:1px solid #FFFFFF;
text-indent:28px;
width:170px;*/
}
#container_left .leftnav .menu_l_itms a.current{
background:#FFFFFF url(../ff_images/ico_allflowes.jpg) no-repeat scroll right center;
color:#f080bc; /*Note: 2007 Dec 20, it was color:#FF9999;*/
padding-right:25px; /*Note: 2008 Jul 30, it was margin-right:5px;*/
}


/*
	Note: box_left, 2008 Mar 07
	
	Formed Styles for "Free Shipping" and "Guaranteed Fresh" banners
*/
/*.box_left
{
	width:164px;
	float:left;
	clear:both;
	margin:0px 0 15px 0;
}

.box_left h4
{
	margin:0px 0px 3px 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

.box_left h4.lightGreen
{
	color:#405D11;
}

.box_left h4.lightPink
{
	color:#CC444E;
}

.box_left a
{
	margin:0px;
	padding:0px;
}

.box_left a img
{
	margin:0px;
	padding:0px;
}*/

/***********************************************/
/*
	Note: box_left, 2008 Aug 25
	
	New styles for "ranked by brides" "free shipping" and "fresh guaranteed".
	All these IDs are use by the javascript library that turn them into round-corner boxes.
*/
#ranked_by_brides{
	
	display:block;
	background-color:#ffffff;/*Note: 2009 Jan 20 background-color:#554131*/
	/*background-image:url(../ff_images/right_module_bg.jpg);*//*Note: 2008 jul 22 This line is new*/
	/*border: 1px solid #d5cbc9;*//*Note: 07-09-2009 Used to border the rank by bride box*/
	/*margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;*/
	
	/*padding-bottom:3px;*/
	padding:2px 2px 2px 0px; /*It was 2 2 2 2*/
}

#guarantee_fresh{
	display:block;
	width:130px;
	height:69px;
	background-color:#ffffff;/*Note: 2009 Jan 20 it was: background-color:##F3FBF4;*/
	/*margin:1px 1px 1px 1px ;
	/*border: 1px solid #1C710A;*/
	/*margin:0px 0px 0px 0px;*/
	padding:2px;
	padding-bottom:2px;
	/*outline-style:double;
	outline-color:#d3e8b0;*/
	border: 1px solid #d3e8b0;
}

#free_shipping
{
	display:block;
	width:130px;
	height:56px;	
	background-color:#ffffff;/*Note: 2009 Jan 20 it was: background-color:#FEF1F8;*/
	/*margin:1px 1px 1px 1px ;
	/*border: 1px solid #A11506;*/
	/*margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;*/
	padding-bottom:2px;
	/*outline-style:double;
	outline-color:#f9bddd;*/
	padding:2px 2px 2px 2px;
	border: 1px solid #f9bddd;
}

.box_left
{
	display:block;
	width:130px;/* Note: 2009 Jan 20, 155px */
	height:auto;
	float:left;
	clear:both;
	/*margin:1px;
	/*padding:1px;*/
	margin-top:5px;/*2px*/
	margin-bottom:5px;/*2px*/
	/*background-color:#00FF00 /*loly*/
}
.box_left_first
{
	
	margin-top:15px;/*Note: 2008 jul 15, it was margin:15px 0px 18px 0px;*/
	width:160px;
}
.box_left_video
{
	width:160px;
    margin-bottom: 15px;
}
.box_left_last
{
	margin-bottom:25px;/*Note: 2008 jul 15, it was margin:0px 0px 25px 0px;*/
}
/*Note:2009 Jan 20 Class For margin*/

.marginBride
{
	/*border: 1px solid #d5cbc9;*/
} 
/*Note: 2008 jul 16
*/
.box_left a.linkBox
{
	display:block;
	width:100%;
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;	
}

.box_left a.linkFree
{
	color:#eb238d;
	display:block;
	float:right;
	/*text-align:right;*/
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	font-family:'Arial', Helvetica, sans-serif;
	/*background-color:#FF0000;*/
	/*padding-right:10px; lo*/
}
.box_left a.linkFresh
{
	color:#228504;
	display:block;
	float:right;
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	font-family:'Arial', Helvetica, sans-serif;
	/*background-color:#0000CC;*/
}
/*
Note: div.linkBox, 2008 jul 16, 
It was created to make work "ranked by brides" module
and round corners. Remember, it is the only one 
that is not wrapped by a link (it is wrapped by a div :) ).
*/
.box_left div.simpleBox
{
	display:block;
	width:100%;
	height:100%;
	/*background-color:#d5cbc9;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*margin:1px 1px 1px 1px;
	padding:2px;
	outline-color:#000099*/
	/*font-size:11px;
	color:#d5cbc9;
	font-weight:normal;*/	
}

#free_shipping .simpleBox
{
	background-color:#f9bddd;
}

#guarantee_fresh .simpleBox
{
	background-color:#d3e8b0;	
}

.box_left div.bridesBg
{
	display:block;

	/*background-color:#d5cbc9;*/	
}

/*.box_left div.freeShippingBg
{
	display:block;
	background-color:#f9bddd;	
}
.box_left div.FreshWarrantyBg
{
	display:block;

	background-color:#d3e8b0;	
}*/
.box_left h4
{
	display:block;/*Note: 2008 Jul 25, new*/
	/*position:relative;*/ /*Note: 2009 Jan 23, Gabriel Fix*/
	margin:0px 0px 3px 3px;/*Note: 2009 Jan 20, margin:margin:3px 0px 3px 3px;*/
	padding:0px 0px 0px 0px;
	color:#582512;
	font-family:'Georgia',Century Gothic, Helvetica, sans-serif;/* Note: 14 Jul 2008 font-family:Arial, Helvetica, sans-serif */
	/*font-size:14px;/* Note: 14 Jul 2008 14px */
	font-weight:bold;/* Note: 14 Jul 2008 bolder */
	clear:both;
	text-decoration:none;
	line-height:13px;
}

.box_left div.free
{
	display:block;
	clear:both;
	margin:0px 0px 3px 3px;
	padding:0px 0px 0px 0px;
	color:#eb238d;
	font-size:14px;
	font-weight:bold;
	font-family:'Georgia',Century Gothic,Helvetica,sans-serif;
	line-height:13px;
}


.box_left div.fresh
{
	display:block;
	clear:both;
	margin:0px 0px 3px 3px;
	padding:0px 0px 0px 0px;
	color:#228504;
	font-size:14px;
	font-weight:bold;
	font-family:'Georgia',Century Gothic,Helvetica,sans-serif;
	line-height:13px;
}

.box_left div.brides
{
	display:block;
	clear:both;
	margin:0px 0px 10px 0px; /*It was 0 0 10 3*/
	padding:0px 0px 0px 0px;
	color:#E9008C;/*Note: 07 Aug 2009 Previously color:#582512;*/
	font-size:20px;
	font-weight:bold;
	font-family:'Georgia',Century Gothic,Helvetica,sans-serif;
	line-height:13px;
}

.box_left img
{
	display:inline;
	float:left;
	margin:3px 0px 0px 3px;
	padding:0px 0px 0px 0px;/*Note: 2008 jul 25, it was padding:0px 0px 0px 0px;*/
	/*background-color:#99CC99;*/
	/*position:relative;
	bottom:0px;
	left:0px;*/
	border:#582512;
}

/*
Note: img.brides, 2009 oct 05
Commented
just to give some custom space to "ranked by brides"'s image.
*/
/*.box_left img.brides
{
	margin:3px 3px 0px 3px;
	padding:0px 0px 0px 0px;
}*/

/*
Note: .magazine, 2009 oct 05
New class to work as a container for img.brides and p.brides
*/
.box_left .magazineBox
{
	display:block;
	/*width:100%;
	height:75px;*/
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;	
	margin-bottom:7px;
	/*background-color:#cccccc;*/
}

/*
Note: img.brides, 2009 oct 05
I added .magazineBox on the hierchy tree.
*/
.box_left .magazineBox img.brides
{
	margin:3px 3px 0px 3px;
	padding:0px 0px 0px 0px;
}

.box_left p
{
	display:inline;/*Note: 2008 jul 25, it was display:block;*/
	float:left;
	clear:right;
	/*color:#ffffff;
	/*width:auto;*//*Note: 2008 jul 15, it was width:85px;*/
	/*height:auto;*//*Note: 2008 jul 15, it was height:25px;*/
	margin:3px 0px 0px 3px;/*Note: 2008 jul 25, it was margin:3px 0px 0px 3px;*/
	padding:0px 0px 0px 0px;/*Note: 2008 jul 25, it was padding:0px 0px 0px 0px;*/
	/*font-weight:bold;
	/*font-family:'Trebuchet MS',Verdana, Helvetica, sans-serif; /* Note: 14 Jul 2008 This line is new */
	/*font-size:14px; /* Note: 14 Jul 2008 This line is new */
	/*background-color:#CC0066;*/
	line-height:11px;
}

.box_left p.free
{
	display:block;
	float:left;
	clear:both; /*Note: 2009 Jan 23 New Style*/
	width:80px;
	color:#554131;
	font-family:'Arial', Helvetica, sans-serif;
	font-size:11px;
	/*margin:0px 0px 0px 5px;*/
	background-color:transparent;
}

.box_left p.fresh
{
	display:block;
	width:117px;
	color:#af7d5a;
	font-family:'Century Gothic',Arial, Helvetica, sans-serif;
	font-size:11px;
	/*margin:0px 0px 0px 5px;*/
}

/*
Note: p.brides, 2009 oct 05
I added .magazineBox on the hierchy tree.
*/
.box_left .magazineBox p.brides
{
	width:90px;/*Note: 2009 Jan 20 105px*/
	margin-top:3px;/*Note: 2009 oct 05, it was 0px*/
	color:#F05EAB; /*NOTE: 07 Sep 2009 Previously - color:#8b716b;*/
	font-size:12px;
	font-family:'Arial', Helvetica, sans-serif;
	font-style:italic;
}

.box_left .magazineBox p.brides span.subtitle
{
	display:block;
	color:#ffffff;
	font-family:'Trebuchet MS',Verdana, Helvetica, sans-serif;
	font-size:14px;
	clear:both;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:3px;
}

.box_left .linksContainer
{
	display:block;
	clear:both;
	color:#ffffff;
	text-decoration:none;
	font-family:'Trebuchet MS',Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;	
}

.box_left a.brides, .box_left a.brides:hover, .box_left a.brides:visited
{
	color:#888584;
	text-decoration:underline;
	font-family:'Trebuchet MS',Verdana, Helvetica, sans-serif;
	font-size:11px;
	/*font-weight:bold;	*/
}

.box_left p strong
{
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
}

/*******************************************************/

#cont_news_left {
	width:170px;
	margin:10px 0;
	clear:both;
}
.cont_news_itms {
	width:170px;
	padding:8px 0;
	clear:both;
}
#ff_information {
	width:146px;
	height:68px;
	background:url(../ff_images/bg_i.jpg) no-repeat;
	padding:12px;
	margin:0 0 20px 0;
}
#newsletter {
	clear:both;
	width:133px;
	height:auto;
	padding:0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	background-color: #FDEFF7;
    border: 1px solid #F07EBA;
    margin-bottom: 5px;
    font-size:12px;
}

/*
	Note: 2008 Mar 07
*/
#content_imgs_right_top
{
	display:block; /*Note: 2009 Feb 02 - Added */
	clear:both; /*Note: 2009 Feb 02 - Added */
	width:765px;/*2011Mar18 - Previously 600px*/
	height:220px;/*Note 2009 Feb 02, it was 200px*/
	padding:0px 0px 0px 0px; /*Note: 2009 Feb 02 - it was 0 0 5 0*/
	margin:0px 0px 0px 0px; /*Note: 2009 Feb 02 - Added */
}


/*
Note: 2009 Jan 27
I set width and height.
*/
#home_slider {
 	display:block;
	width:425px;/*2011Mar18 - Previously 395px*/
	height:210px;/*2011Mar18 - Previously 200px*/
  	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;/*Note: 2011 Feb 23: It was neccesary to fix an issue on Firefox for Mac. The problem occurred because a swf file is bellow the menu navigation top bar*/
}

/*
	Note: commented, 2007 Dec 27
	
	I commented the following block of code because it has some drawbacks for example
	"#feat_text" is used more than once so It must be a class not an Id.
*/
/*
#feat_01 {
	width:191px; height:101px; background:url(../ff_images/img_flower_specials.jpg) no-repeat; float:left;clear:right;}
#feat_02 {
	width:191px; height:91px; background:url(../ff_images/img_testimonials.jpg) no-repeat; float:left;}
	
	#feat_02 .feat_title, #feat_01 .feat_title {font-family:"Centhury Gothic", Arial, Helvetica, sans-serif; font-size:24px; color:#a3a3a3; margin-left:10px;}
	#feat_02 h1 , #feat_01 h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; color:#e8a6c1; text-transform:capitalize; margin:0; padding:0;}
	#feat_text { width:112px; font-size:10px; margin-left:10px; float:left;  display:inline;}
	#feat_text p { padding:0; margin:0; line-height:11px;}
	#feat_img { width:69px; float:left;}
		#feat_img img {border:1px solid #FFFFFF; margin:11px 0 0 10px; padding:0; float:left; }
		
	#feat_02 #feat_img img {border:1px solid #FFFFFF; margin:13px 0 0 10px; padding:0; float:left; }
*/

/*
	Note: styles for right_module_one and _two,2007 Dec 27
	The little content areas at the right of the flash piece in the home page (new one :)) 
*/
#feat_01 
{
	width:190px;/*it was width:185px;*/
	height:auto;/*it was height:91px;*/
	/*background:url(../ff_images/bg_right_module.jpg) repeat-x bottom;*/
	float:left;
	clear:right;
	margin:2px 0px 5px 10px;/*it was margin:3px 0px 5px 10px;*/
}

#feat_02 
{
	width:190px;/*it was width:185px;*/
	height:auto;/*it was height:91px;*/
	/*background:url(../ff_images/bg_right_module.jpg) repeat-x bottom;*/
	float:left;
	/*border:1px solid #FCF6F6;*/
	margin:5px 0px 0px 10px;
	/*padding:5px 0px 0px 0px;*/
}

/*
	Note: right_module, 2008 Apr 22
	I created styles to wrap the "feat" modules in a round-corner box.
*/
.right_module
{
	
}
.right_module .bd
{
	height:80px;/*it was height:80px;*/
	margin:0px;
	padding:0px 0px 0px 2px;/*it was padding:0px 0px 0px 7px;*/
	
	BORDER-RIGHT:#ef78b7 1px solid;/*Note: 2008 Apr 23, it was BORDER-RIGHT:#AF885D 1px solid;*/
	BORDER-TOP: #ef78b7 0px solid;/*Note: 2008 Apr 23, it was BORDER-TOP: #AF885D 0px solid;*/
	DISPLAY: block;
	BACKGROUND:#FFFFFF;/*it was #FFF2F2*/
	background-image:url(../ff_images/right_module_bg.jpg);
	BORDER-LEFT: #ef78b7 1px solid;/*Note: 2008 Apr 23, it was BORDER-LEFT: #AF885D 1px solid;*/
	BORDER-BOTTOM: #ef78b7 0px solid;/*Note: 2008 Apr 23, it was BORDER-BOTTOM: #AF885D 0px solid;*/
	position:relative;
	/*background-image:url(../ff_images/right_module_bg.jpg);*/
}

/*
	Note: .right_module bd_01, 2008 Apr 22
	It is used to make less tall "feat_01" body.
*/
.right_module .bd_01
{
	height:75px;
}

.right_module .xtop {
	DISPLAY: block; FONT-SIZE: 1px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
}

.right_module .xbottom {
	DISPLAY: block; FONT-SIZE: 1px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
}

.right_module .xb1 {
	DISPLAY: block;
	OVERFLOW: hidden;
	HEIGHT: 1px;
	BACKGROUND: #ef78b7; MARGIN: 0px 5px;/*Note: 2008 Apr 23, it was BACKGROUND: #AF885D; MARGIN: 0px 5px;*/
}

.right_module .xb2 {
	DISPLAY: block;
	OVERFLOW: hidden;
	HEIGHT: 1px;
	BORDER-RIGHT: #ef78b7 1px solid;/*Note: 2008 Apr 23, it was BORDER-RIGHT: #AF885D 1px solid;*/
	BACKGROUND: #FFFFFF;
	background-image:url(../ff_images/right_module_bg.jpg);
	BORDER-LEFT: #ef78b7 1px solid;/*Note: 2008 Apr 23, it was BORDER-LEFT: #AF885D 1px solid;*/
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 2px;
	BORDER-BOTTOM-WIDTH: 0px;
	MARGIN: 0px 3px; BORDER-RIGHT-WIDTH: 2px;
}

.right_module .xb3 {
	DISPLAY: block;
	OVERFLOW: hidden;
	HEIGHT: 1px;
	BORDER-RIGHT: #ef78b7 1px solid; BACKGROUND: #FFFFFF;/*Note: 2008 Apr 23, it was BORDER-RIGHT: #AF885D 1px solid; BACKGROUND: #FFFFFF;*/
	background-image:url(../ff_images/right_module_bg.jpg);
	BORDER-LEFT: #ef78b7 1px solid;/*Note: 2008 Apr 23, it was BORDER-LEFT: #AF885D 1px solid;*/
	MARGIN: 0px 2px;
}

.right_module .xb4 {
	DISPLAY: block;
	OVERFLOW: hidden;
	HEIGHT: 2px;
	BORDER-RIGHT: #AF885D 1px solid; BACKGROUND: #FFFFFF;/*Note: 2008 Apr 23, BORDER-RIGHT: #AF885D 1px solid; BACKGROUND: #FFFFFF;*/
	background-image:url(../ff_images/right_module_bg.jpg);
	BORDER-LEFT: #AF885D 1px solid;/*Note: 2008 Apr 23, BORDER-LEFT: #AF885D 1px solid;*/
	MARGIN: 0px 1px;
}


	
.right_module .bd .feat_title 
{
	font-family:"Centhury Gothic", Arial, Helvetica, sans-serif;
	font-size:14px;/*Note: 2007 Mar 31, it was font-size:16px;*/
	color:#4e3830; /*It was color:#f080bc;*/
	font-weight:bold; margin-left:-5px;/*Note: 2008 apr 23, it was margin-left:0px;*/
	/*background:url(../images/bg_right_module_top.jpg) top right no-repeat;*/
	background-color:#FFFFFF;
	/*width:100%;*/
	display:block;
	position:absolute;
	top:-10px;
	left:9px;/*Note: 2008 Apr 23, it was left:10px;*/
	/*Just to give more space at both sides of the title :)*/
	padding:0px 3px 0px 3px;
}
	
.right_module .bd .feat_text 
{
	width:112px;/*Note: 2008 Apr 23, it was 110px*/
	height:auto;
	font-size:10px; margin:0px 0px 0px 5px;/*Note: 2008 Apr 23, font-size:10px; margin:0px 0px 0px 0px;*/
	display:block;
	float:left;	
}
	
.right_module .bd .feat_text h1 
{ 
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px; font-weight:bold; color:#9c99a4;
text-transform:capitalize;
margin:6px 0px 0px 0px;/*Note: 2008 Apr 23, margin:8px 0px 0px 0px;*/
padding:0 0 2px 0;/*Note: 2007 Dec 27, it was padding:0;*/
}

.right_module .bd .feat_text h1 a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ef78b7;/*it was color:#9c99a4;*/
	text-decoration:none;
}

.right_module .bd .feat_text h1 a:hover
{
	text-decoration:underline;		
}

.right_module .bd .feat_text p 
{
	padding:0px 0px 5px 0px;/*it was padding:0px 0px 5px 0px;*/ 
	margin:0; line-height:11px;
}

.right_module .bd .feat_text a
{
	color:#9c99a4;
	text-decoration:none;
}

.right_module .bd .feat_text a:hover
{
	color:#9c99a4;
	text-decoration:underline;
}

.right_module .bd .feat_text a.outside
{
	font-size:10px;
	font-weight:bold;
}

.right_module .bd .feat_img
{
width:60px;/*it was 55px*/ display:block; float:left; margin:10px 0px 0px 3px;
}

.right_module .bd .feat_img img
{
	border-top:1px solid #FCF0F0;
	border-left:1px solid #FCF0F0;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
	

	

	
	
/*************************************************************/

#content_flowers_right {
	clear:both; /*Note 2009 Feb 02 - Added*/
	display:block; /*Note 2009 Feb 02 - Added*/
	float:left;
	width:765px;/*Note: 2011 Mar 18 width:600px*/
	height:auto;/*Note: 2007 Dec 18,  it was height:205px;*/
	margin:15px 0px 0px 0px;/*Note: 2009 Feb 02, it was margin:10px 0 0 0;*/
	padding:0px 0px 0px 0px;/*Note 2009 Feb 02 - Added*/	
}

.flowers_right {
	height:auto;/*Note: 2007 Dec 18,  it was height:205px;*/
	width:180px;/*Note: 2011 Mar 18, width:140px;*/
	/*padding:0 12px 0 0;*//*Note: 2008 May 21 padding:0 16px 0 0*/
	display:block;
	float:left;
	margin:0px 10px 0px 0px;/*2011Mar21 - Previously 0 20 0 0*/
	padding: 0px 0px 0px 0px;
	
}

.flowers_right_last {
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*
	Note: 2008 Apr 01
	I added padding between the product pictures and the Name of the product.
*/
.flower_individual {
	height:175px;/*Note: 2011 Mar 18 height:135px*/
	width:180px;/*Note: 2011 Mar 18 width:135px*/
	margin:0px 0px 5px 0px;/*Note: 2008 May 22 margin:0px 0px 0px 0px It's necesary for ie7*/
	padding:0px 0px 5px 0px;
    position:relative;
}
/*
Note: Pick a Flower, 2008 May 14
*/
#content_pick_flower {
	display:block;
	width:585px;/*it was 571*/
	
	/*
	Note: 2008 jul 24, minimum high rules for all browsers.
	*/
	height: auto!important; /* para los browsers buenos */
    height: 300px; /* para IE5+ */
    min-height: 300px; /* para los browsers buenos */
	
	clear:both;
	/*background:url(../ff_images/bg_pick_a_flower.jpg) no-repeat;*/
	padding:0px 0px 0px 0px;/*Note: 2008 jul 24, it was padding:0 7px 7px 7px;*/
	margin:15px 0px 0px 0px;/*Note: 2007 jul 24, margin:15px 0px 7px 0px;*/
	padding-bottom:0px;
	margin-bottom:0px;
	/*background-color:#CCCCCC;*/
}
#content_pick_flower_title {
	width:100%;
	/*height:56px;*/
    height:45px;
	clear:both;
	margin:0px 0px 10px 0px;
    border-bottom: 1px dotted #554131;
	/*background:url(../ff_images/bg_pick_a_flower.jpg) no-repeat;*/
}

/*
Note: #content_pick_flower_bottom, 2008 may 28
It is just a bar to close the pick a flower section.
*/
#content_pick_flower_bottom {
	display:block;
	width:100%;
	height:4px;
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*background:url(../ff_images/bg_pick_a_flower_bottom.jpg) no-repeat;*/
	background-color:#CCCCCC;
}

#content_pick_flower_bottom img
{
	display:block;
	width:100%;
	height:4px;
	float:none;
	clear:both;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.container_itms_pickaflower {
	display:inline;/*Note: 2008 jul 24, new*/
	width:130px;
	
	/*
	Note: 2008 jul 24, minimum high rules for all browsers.
	*/
	height: auto!important; /* para los browsers buenos */
    height: 300px; /* para IE5+ */
    min-height: 300px; /* para los browsers buenos */
	
	float:left;
	margin:0px 17px 7px 0px;
	padding:0px 0px 0px 0px;
	/*background-color:#999999;*/
}

.container_itms_pickaflower_first
{
	margin-left:7px;
}

.container_itms_pickaflower_last
{
	margin-right:7px;
}

.itms_pick_a_flower_01 {
	display:block;/*Note: 2008 jul 24, new*/
	height:17px;
	width:122px;
	background:url(../ff_images/bg_itms_paf_1.gif) no-repeat;
	clear:both;
	margin:0px 0px 0px 0px;/*Note:  2008 jul 24, new*/
	padding:5px 4px 0px 4px;
	position:relative;
}
.itms_pick_a_flower_02 {
	display:block;/*Note: 2008 jul 24, new*/
	height:17px;
	width:122px;
	background:url(../ff_images/bg_itms_paf_2.gif) no-repeat;
	clear:both;
	margin:0px 0px 0px 0px;/*Note:  2008 jul 24, new*/
	padding:5px 4px 0px 4px;
	position:relative;
}

#content_testimonials_header {
	height:50px;/*2011Mar21 - Previously 56px*/
	width:748px;/*2011Mar21 - Previously 415px*/
	clear:both;
	margin:0 0 10px 0;
	/*background:url(../ff_images/bg_testimonials_header.jpg) no-repeat;*/
	padding:0px 0px 0px 5px;/*2011Mar21 - Previously 0 170 0 0*/
    border-bottom:1px dotted #554131;
}
.itms_testimonials {
	width:755px;/*2011Mar21 - Previously 583px*/
	height:114px;
	/*background:url(../ff_images/bg_itms_testimonials.jpg) no-repeat;*/
	background-color: #FFF;/*2011Mar21 - New property*/
	padding:0px 2px 0px 2px;
	margin:0px 0px 0px 0px;/*2011Mar21 - Previously 16px 0*/
	font-size:12px;
	color:#554131;
	font-style:italic;
}

.itms_test_left {
	width:110px;
	height:auto;
	float:left;
	padding:7px 10px 4px 20px;/*Note: 2007 Dec 20, it was padding:25px 20px;*/
}

.itms_test_right {
	width:610px;/*2011Mar21 - Previously 425px*/
	height:auto;
	float:left;/*Note: 2007 Dec 20, it was float:right;*/
	padding:5px 0px 15px 0px;/*Note: 2009 Jan 27 padding:15px 0;*/
	min-height:91px;
}
.itms_test_right p{ /*Note: 2009 Jan 27, Helps on the testimonial section to aligne the text;*/
	display:block;
	clear:both;
	margin-top:5px;
	line-height:16px;
}

/*
Note: 2209 Mar 12
Change this: .itms_testimonials h1 for .itms_testimonials h3
*/
.itms_testimonials h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#554131;/*it was color:#000;*/
	font-weight:bold;
	font-style:italic;
	padding:0;
	margin:0;
}
/*
	Note: Saith
	Date: 2010-09-16
	Comment: This css serves to apply on testimonial title.
*/
.itms_testimonials h3 a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#554131;/*it was color:#000;*/
	font-weight:bold;
	font-style:italic;
	padding:0;
	margin:0;
}
/*
	Note: Saith
	Date: 2010-09-16
	Comment: This css serves to apply on testimonial title when we colocate the pointer over it.
*/
.itms_testimonials h3 a:hover{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#554131;/*it was color:#000;*/
	font-weight:bold;
	font-style:italic;
	padding:0;
	margin:0;
	text-decoration:none;
}
.itms_testimonials span{
	font-size:12px;
	color:#f080bc;
}

.itms_testimonials a{
	font-size:12px;
	color:#554131;/*it was color:#000;*/
	text-decoration:none;
	font-weight:bold;
	font-style:normal;
}
.itms_testimonials a:hover{
	font-size:12px;
	color:#554131;/*it was color:#000;*/
	text-decoration:underline;
	font-weight:bold;
}

#weeding_flowers {
	height:auto;
	width:890px; /*2011Mar16 - Previously 768px*/
	padding:0 20px 16px 20px; /*2011Mar16 - Previously 0 0 16 0*/
	margin:0 auto 20px auto;
	clear:both;
	border-top:1px solid #e1ddda;
	/*border-bottom:1px solid #e1ddda;*//*Note: 2008 aug 05, now it is on #semi_footer_info.*/
}

#semi_footer_info {
	clear:both;/*Note: 2008 aug 05, new*/
	height:68px;
	width:927px; /*2011Mar16 - Previously 768px*/
	padding:16px 0;
	margin:0 auto 10px auto;
	border-top:1px solid #e1ddda;/*Note: 2008 aug 05, new*/
}
.itms_semi_footer {
	float:left;
	width:295px;
	height:auto;
	padding:0px 25px 0px 100px; /*2011Mar16 - Previously 0 25px*/
}
.itms_semi_footer_txt {
	float:left;
	width:423px;
	height:auto;
	padding:7px 0;
}
/* Note: 2010 Dec 15 Add new styles for the semifooter section */
#semi_footer_info .creditCardAndMcAfeeBox
{
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
/*
#semi_footer_info .McAfeeBox
{
	display:block;
	float:left;
	clear:both;
	margin:5px 0px 10px 20px;
}
*/
#semi_footer_info .creditCardBox
{
	display:block;
	float:left;
	clear:both;
	margin:25px 0px 0px 0px;/*Set this margin if McAfeeBox style is uncommented => margin:5px 0px 0px 0px;*/
}

#semi_footer_info .authorizeNetBox
{
	display:block;
	float:right;
	margin: 0px 5px 10px 0px;
}
#footer {
	clear:both;
	border-top:1px solid #d7d2ce;
	width:100%; 
	height:170px;
	margin:0px;
	padding:0px;
	background-color:#ffffff; 

}
#menu_footer {
	width:auto;
	height:auto;
	padding:15px;
	margin:0 auto;
	color:#4e290e;
	text-align:center;
}

/**********************************************************************************STYLES****/
.form-input
{
    color:#000;
	border:1px solid #a5a4a2;
	padding:1px; 
	float:left; 
	font-size:11px;
	background:url(../ff_images/bg_form_imput.gif);
	height:14px;
	width:75px;
}
/*#newsletter input { 
	color:#000;
	border:1px solid #a5a4a2;
	padding:1px; 
	float:left; 
	font-size:11px;
	background:url(../ff_images/bg_form_imput.gif);
	height:14px;
	width:75px;
}
input { 
	color:#1e081f;
	border:1px solid #b7a8ab;
	padding:1px; 
	float:left; 
	font-size:10px;
	background:#fff;
}*/
#header_right_bottom {
	font-size:12px;
	color:#9c99a4;
	/*text-align:right;*/
	/*background-color:#990033;*/
}

.menu_l_itms {
	color:#554131;
	/*background-color:#99CC00;*/
}

/*
Note: 2008 jul 11
*/
.menu_l_itms a{
	color:#554131; /*Note: 2009 Jan 20 color:#33170d*/
	font-size:9px;
	font-family:'Arial', Helvetica, sans-serif;
	text-decoration:none;
	padding-right:25px;/*Note: 2008 Jul 30, new*/
	padding-left:5px;
}
.menu_l_itms a:hover {
	color:#554131;
	text-decoration:underline;
	padding-right:25px;/*Note: 2008 Jul 30, new*/
}
.menu_l_itms span {
	color:#ef78b7;
}

/*
	Note: box_left, 2008 Mar 07
	Old styles realated to "Free Shipping" and "Guaranteed Fresh".
	These styles could be deleted.	
*/
/*
.box_left {
	color:#65383b;
}


.box_left span {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	text-transform: uppercase;
	font-weight:bold;
	font-size:13px;
}
.box_left a{
	color:#585858;
	font-weight:bold;
	text-decoration:underline;
}
.box_left a:hover{
	color:#585858;
	font-weight:bold;
	text-decoration:none;
}
*/



.cont_news_itms {
	color:#554131;
	text-align:left;
}
.cont_news_itms a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#518112;
	text-decoration:underline;
}
.cont_news_itms a:hover{
	font-weight:bold;
	color:#518112;
	text-decoration:none;
}
#ff_information {
	color:#265167;
}
#ff_information a{
	color:#265167;
	text-decoration:none;
	font-weight:bold;
}
#ff_information a:hover{
	color:#265167;
	text-decoration:underline;
	font-weight:bold;
}

.flowers_right {
	text-align:center;
	font-weight:bold;
	color:#F080BC;
}
.flowers_right span{
	color:#9c9b9b;
	font-weight:normal;
	text-decoration: line-through;
}

/*
	Note: 2008 Apr 01
*/
/*
	Note: 2009 Mar 12
	Change this: .flowers_right h1 for .flowers_right h3
*/
.flowers_right h3 {
	font-family:'Trebuchet MS', Helvetica, sans-serif;/* Note: 2008 Jul 18 font-family:'Trebuchet', Helvetica, sans-serif; */
	font-size:14px;/* Note: 2008 Jul 18 it was font-size:13px; */
	font-weight:bold;/* Note: 2008 Jul 18 this line is new  */
	color:#563E20;/* it was color:#554131;*/
	margin:0 0 5px 0;
	padding:0;
	text-decoration:none;
}
.flowers_right img{
	margin:0 0 8px 0;
}

.banner-box-home
{
    position: absolute;
    background-color: #f18dc3;
    height: 18px;
    width: 175px;/*Note: 2011 Mar 18, width: 135px;*/
    text-decoration: none;
    left: 3px;
    text-align: center;
    bottom:2px;
    overflow:hidden;
}

span.banner-text-home
{
    display: block;
    text-decoration: none;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 18px;
    color: #502d41;
	padding:2px 0px 0px 0px;
}

.banner-box-products
{
    background-color: #f18dc3;
    position: absolute;
    width:150px;/*Note: 2011 Mar 18, width:130px;*/
    height: 18px;
    text-align: center;
    left: 1px;
    /*top: 113px;*/ /*Note: 2011 Mar 18, comment the top property*/
    bottom:0px;/*Note: 2011 Mar 18, add this new property*/
    overflow:hidden;
}

span.banner-text-products
{
    color: #502d41;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
}

.banner-box-wfc
{
    position: absolute;
    background-color: #F18DC3;/*2011Apr12 - Previously #ED145B */
    width: 180px;
    height: 19px;
    text-align: center;
    top: 162px;
    left: 1px;
    overflow: hidden;
}

span.banner-text-wfc
{
    color: #502D41; /*2011Apr21 - Previously white*/
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    display: block;
    font-weight: bold;
    line-height: 18px;
}

/* Note: 2009 Mar 11 - Changed from h1 to h2*/
#content_pick_flower h2, #content_testimonials_header h2
{
	color:#228504;
    font-size:16px;
    font-family: 'Trebuchet MS',Helvetica,sans-serif;
    text-align: left;
    font-weight:bold;
    padding: 0px 0px 5px 0px;/*2011Mar21 - Previously 0 0 5 5*/
	margin:0;
}
.container_itms_pickaflower a{
	color:#000;
	text-decoration:none;
}
.container_itms_pickaflower a:hover{
	color:#f080bc;
	text-decoration:none;
}
#weeding_flowers h1{
	font-size:24px;
	color:#858484;
	padding:0;
	margin:5px 0;
}
#weeding_flowers{
	font-size:12px;
	color:#858484;
}
/*
Note: 2009 Mar 11
Created for h3
*/
#weeding_flowers h3{
	font-size:12px;
	color:#858484;
}

#weeding_flowers a{
	font-size:12px;
	color:#858484;
	font-weight:bold;
	text-decoration:underline;
}
#weeding_flowers a:hover{
	color:#858484;
	font-weight:bold;
	text-decoration:underline;
}
.itms_semi_footer_txt {
	color:#000;
	font-size:12px;
}
.itms_semi_footer_txt a{
	color:#be7272;
	text-decoration:none;
	font-weight:bold;
}
.itms_semi_footer_txt a:hover{
	color:#be7272;
	text-decoration:underline;
}
#menu_footer a{
	text-align:center;
	font-size:12px;
	color:#4e290e;
	text-decoration:none;
}
#menu_footer a:hover{
	color:#4e290e;
	text-decoration:underline;
}
.flower_individual a{
	padding:2px;	
	height:175px;/*Note: 2011 Mar 18 height:135px*/
	width:175px;/*Note: 2011 Mar 18 width:135px*/
	display: block;
	margin:0 auto;
	/*
	Note: 2008 Apr 22
	This color comes from "kuler", "silver", theme color.
	*/
	border:1px solid #E7E8E7;/*it was border:1px solid #c2c2c2;*/

}
.flower_individual a:hover{
	
	background:#a7db9e;
	display: block;
}

/*********************************************************************PICK YOUR FLOWER POP UP****/

#flower_pop {
	width:218px;
	/*
		Note: commented, 2007 Dec 26
		I move this background to "#flower_pop_body" to make the PickAFlower
		popup looks better.
	*/
	/*background:url(../ff_images/flower_pop_body.gif) repeat-y;*/
	position:absolute;
	visibility:hidden;
	z-index:200;
}

	#flower_pop_top { 
		background:url(../ff_images/flower_pop_top.gif) no-repeat; 
		height:23px;
	}
			#flower_pop_top p{ 
				font-weight:bold; 
				font-size:12px; 
				/*
				I added some padding at top to get inline the left icon and category title
				*/
				padding:5px 0 0 0;/*Note: 2007 Dec 26, it was padding:0;*/
				margin:0 0 0 0;/*Note: 2007 Dec 26, it was margin:3px 0 0 0;*/
			}
	#flower_pop_body 
	{
		font-size:10px;
		/*
			Note: added, 2007 Dec 26
		*/
		background:url(../ff_images/flower_pop_body.gif) repeat-y;
	}
	
		#flower_pop_body p 
		{
			margin:0 10px 0 53px;/*Note: 2007 Dec 26, it was margin:0 0 0 53px;*/ 
			padding:0;
			/*Note: added, 2007 Dec 26*/
			text-align:left;
		}
		
		#flower_pop_body img 
		{
			 float:right;
			 margin:0 5px 0 5px;/*Note: 2007 Dec 27, it was margin:0 15px 0 0;*/
		}
		
	#flower_pop_footer { }	
	
/*************************  NEW STYLES **************************/

/*
	Note: .clearing, 2007 Dec 18
	
	This class help us to solve some issues
	realted to containers that have its height set to "auto"
*/
.clearing
{
	clear:both;
}

/*
	Note: flower category links (testimonials), 2007 Dec 19
	
	Styles for the flower category links in testimonial section
*/
.itms_testimonials span a{
	font-size:12px;
	color:#f080bc;
	text-decoration:none;
}

.itms_testimonials span a:visited{
	font-size:12px;
	color:#f080bc;
	text-decoration:none;
}

.itms_testimonials span a:hover{
	font-size:12px;
	color:#f080bc;
	text-decoration:underline;
}

/*
	Note: .menu_l_itms a, 2007 jul 11
	
	Style for links used by "Browse our flowers" and "Useful information"
	menus.
*/
#container_left .leftnav .menu_l_itms a {
/*
	If display was set to "block", it will try to occupy
	the whole area of its container; therefore, the icon link
	appears too far apart from its link.
	
*/
font-family:'Arial',Verdana, Geneva, sans-serif;
color:#554131;
font-size:12px;
display:inline;
/*border-left:1px solid #FFFFFF;*/
padding-right:25px;/*Note: 2008 jul 14, padding-right:28px;*/
width:auto;
/*background-color:#CCCCCC;*/
}

/*
	Note: header_right_top a span, 2007 Dec 21
	
	These style was created to use different type sizes
	in "Wedding Flower Live Help" "Wedding Flower Blog"
*/
#header_right_top a span 
{
	font-size:14px;
}

#header_right_top a:hover span{
	color:#EF78B7;
}

/****************************************************************/
/*
	Note: round corners menu, 2008 Feb 28
*/

.roundCornerBox
{
	padding: 0px 0px 10px 0px;
	clear:both;
}



.roundCornerBox .bd
{
	margin:0px;
	padding:0px 0px 0px 7px;
	
	BORDER-RIGHT:#C4D7ED 1px solid;/*it was #FFCCCC 1px solid*/
	BORDER-TOP: #C4D7ED 0px solid;
	DISPLAY: block;
	BACKGROUND:#E1E6FA;/*it was #FFF2F2*/
	BORDER-LEFT: #C4D7ED 1px solid;
	BORDER-BOTTOM: #C4D7ED 0px solid;
	
}

.roundCornerBox .xtop {
	DISPLAY: block; FONT-SIZE: 1px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
}

.roundCornerBox .xbottom {
	DISPLAY: block; FONT-SIZE: 1px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
}

.roundCornerBox .xb1 {
	DISPLAY: block;
	OVERFLOW: hidden;
	HEIGHT: 1px;
	BACKGROUND: #C4D7ED; MARGIN: 0px 5px;
}
.roundCornerBox .xb2 {
	DISPLAY: block;
	OVERFLOW: hidden;
	HEIGHT: 1px;
	BORDER-RIGHT: #C4D7ED 1px solid;
	BACKGROUND: #E1E6FA;
	BORDER-LEFT: #C4D7ED 1px solid;
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 2px;
	BORDER-BOTTOM-WIDTH: 0px;
	MARGIN: 0px 3px; BORDER-RIGHT-WIDTH: 2px;
}

.roundCornerBox .xb3 {
	DISPLAY: block;
	OVERFLOW: hidden;
	HEIGHT: 1px;
	BORDER-RIGHT: #C4D7ED 1px solid; BACKGROUND: #E1E6FA;
	BORDER-LEFT: #C4D7ED 1px solid;
	MARGIN: 0px 2px;
}

.roundCornerBox .xb4 {
	DISPLAY: block;
	OVERFLOW: hidden;
	HEIGHT: 2px;
	BORDER-RIGHT: #C4D7ED 1px solid; BACKGROUND: #E1E6FA;
	BORDER-LEFT: #C4D7ED 1px solid;
	MARGIN: 0px 1px;
}



/* The following styles are to override some styles of menu_l_itms links*/
.roundCornerBox .menuItem{
	padding:0 0 5px 0;
	clear:both;
}

.roundCornerBox .menuTitle
{
	color:#554131;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #C4D7ED;
	margin:0px 10px 9px 0px;
	padding:5px 0px 3px 0px;
}

.roundCornerBox a.menuLink
{
	padding-left:15px;
	width:auto;
	height:auto;
	min-width:100px;
	color:#554131;
	text-decoration:none;
	font-size:12px;
	text-align:left;
	display:block;
	background:url(../ff_images/brown_square_bullet.gif) no-repeat center left;
}

.roundCornerBox a.menuLink:hover
{
	color:#f080bc;
	text-decoration:underline;
	background:url(../ff_images/pink_square_bullet.gif) no-repeat center left;
}

/**************************** MODULES ************************************/
/*
	Note: modules 2008 Sep 03, 
	the following styles are for left and right modules.
	- Right ones: Our flowers, design guides, and FiftyFlowers.
*/
#flashRightModules
{
	display:block;
	height:220px;/*2011Apr25 - Previously 210px;*/
	float:left;
	clear:right;
	margin:0px 0px 0px 20px;/*2011Mar18 - Previously -3 0 0 7*/
	padding:0px 0px 0px 0px;
	width: 304px;/*2011Mar18 - New property*/
}


.module/*Begin of General module*/
{
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.module .hd
{

	display:block;
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


.module .bd
{
	display:block;
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.module .bd .menuItem
{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}/*End of General module*/

/*
Note: .module .ft, 2008 jul 25
generic footer for all the information modules that have header, body, and footer.
*/
.module .ft
{
	display:block;
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}

.leftModule/*Begin of leftModule*/
{
	width:133px;
	margin:0px 0px 10px 0px;
	clear:both;
	border-left:1px solid #f07eba;
	border-right:1px solid #f07eba;
	border-bottom:1px solid #f07eba;
	font-size:11px;
}

.leftModule .hd
{
	height:15px;
	font-weight:bold;
	font-family:'Georgia', Times New Roman, Times, serif;
	color:#FFFFFF;
	font-size:11px;
	border-top:1px solid #f07eba;
	/*background-image:url(../ff_images/leftModuleHeader_bg.jpg);*/
	background-position:right;
	background-repeat:repeat-y;
	background-color:#f293c5;
	padding:0px 0px 0px 3px;
}

.leftModule .bd
{
	/*height:auto;*/
	/*background-color:#FFCC99;*/
}

.leftModule .bd .menuItem
{
	margin:5px 0px 5px 7px;
}

.leftModule a.menuLink
{
	padding-left:10px;
	/*width:auto;
	height:auto;
	min-width:100px;*/
	color:#554131;
	text-decoration:none;
	text-align:left;
	display:block;
	/*background-color:#99CC99;*/
	background:url(../ff_images/brown_square_bullet_m.jpg) no-repeat center left;
}

.leftModule a.menuLink:hover
{
	color:#f080bc;
	text-decoration:underline;
	background:url(../ff_images/pink_square_bullet_m.jpg) no-repeat center left;
}

/*End of leftModule*/

/********************************* Begin of rightModule ****************************/



.rightModule
{
	display:block;
	width:195px;/*Note: 2009 Jan 30, width:195px;*/
	height:auto;
	float:left;
	clear:both;
	margin:0px 0px 0px 0px;/*Note: 2008 jul 25, it was margin:0px 0px 15px 0px;*/
	padding:0px 0px 0px 0px;
	/*border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;*/
	font-size:11px;
	/*background-color:#99CCFF;*/
}

/*
Note: .rightModule .hd, 2009 Jan 29 
	The background-image was changed from the H2.
*/
.rightModule .hd
{
	height:22px;/*Note: 2008 Aug 25, it was height:17px;*/
	/*border-top:1px solid #f07eba;*/
	width:210px; /*Note_ 2009 Jan 30 width:194px;*/
	margin:2px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(../ff_images/right_module_middle.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	/*border-bottom:1px solid #f0f0f0;*/
	/*
	Note: 2008 jul 30
	We have go back to the previous approach.
	*/
	/*background-color: #584434;
	background-image:url(../ff_images/rightModule_hd_bg.jpg);
	background-repeat:no-repeat;*/
	/*border-bottom:1px solid #dcc7a4;/*Note: 2008 Aug 25, new*/
	/*background:url(../ff_images/bg_itms_paf_2.gif);*/
}

/*
Note: .leftEnd jul 14 
*/
.rightModule .hd .leftEnd
{
	display:block;
	float:left;
	width:10px;/*2009 Jan 30 width:5px; */
	height:22px; /*2009 Jan 30 width:15px; */
	/*background-color:#564130;*/
	background-image:url(../ff_images/right_module_leftEnd.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}


/*
Note: 2008 Aug 25
Commented, previous style :)
*/
/*
.rightModule .hd h2
{
	display:block;
	float:left;
	width:136px;
	height:15px;
	color:#ffffff;
	font-size:11px;
	font-family:'Century Gothic', Helvetica, sans-serif;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#564130;
	background-image:url(../ff_images/right_module_middle.jpg);
	background-repeat:repeat-x;
}
*/

/*
Note: 2008 Aug 25
Commented, previous style :)
*/
.rightModule .hd h2
{
	display:inline;
	float:left;
	/*width:194px;*/
	height:15px;/*Note: 2008 Aug 26, it was height:15px;*/
	line-height:11px;/*Note: 2009 Jan 29, For FireFox and EI7*/
	color:#228504;/*Note: 2009 Jan 29, color:#582512*/
	font-size:14px; /*Note: 2009 May 11 Changed - font-size:12px;*/
	font-family:'Calibri',Times New Roman, Times, serif; /*Note: 2009 May 11 Changed - :'Georgia', Times New Roman, Times, serif*/
	font-style:italic;
	font-weight:bold;
	margin:0px 0px 0px 0px;/*Note: 2009 Jan 21 margin: 0px 0px 0px 3px*/
	padding:6px 0px 0px 0px;
	/*background-color:#FF99CC;*/
	/*background-image:url(../ff_images/right_module_middle.jpg);
	background-repeat:repeat-x;
	background-position:bottom;*/
}
/*Note:2009 Jan 30 helps to align in IE6*/
* html .rightModule .hd h2{
	line-height:13px;
}
/*Note:2009 Jan 30 helps to align in IE7*/
*+ html .rightModule .hd h2{
	line-height:14px;
}
/*
Note: .leftEnd jul 14 
*/
.rightModule .hd .rightEnd
{
	display:block;
	float:right;
	width:10px; /*2009 Jan 30 width:5px; */
	height:22px;/*2009 Jan 30 width:15px; */
	/*background-color:#564130;*/
	background-image:url(../ff_images/right_module_rightEnd.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
}

.rightModule .bd
{
	display:block;/*Note: 2008 jul 24, new*/
	width:auto;/*Note: 2008 Aug 26, width:100%;*/
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*background-color:#993333;*/
	/*
	Note: 2008 jul 30, No borders.
	*/
	/*background-image:url(../ff_images/rightModule_bd_bg.jpg);
	background-repeat:repeat-y;
	*/
}

.rightModule .bd p
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
	/*background-color:#CC9999;*/
}


/*
Note: .feat_text, 2008 Aug 26
It is a previous related to the reight modules nect to the flash piece.
Someday, it should be erased :)
*/
/*
.rightModule .bd .feat_text 
{
	width:128px;
	height:auto;
	font-size:10px;
	color:#666666;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	float:left;
}
*/

/*
Note: 2008 Aug 26
*/
.rightModule .bd .feat_text 
{
	width:128px;
	height:auto;
	font-size:10px;
	color:#666666;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	float:left;
	text-align:center;
}

/*
Note: 2008 Aug 26
*/
#right_module_two .bd .feat_text 
{
	clear:both;
}

#right_module_two .bd .wider_box
{
	width:200px;
}
/*
Note: .feat_text, 2008 Aug 26
It is a previous related to the reight modules nect to the flash piece.
Someday, it should be erased :)
*/
/*.rightModule .bd .feat_text h3 
{ 
	display:block;
	clear:both;
	font-family:'Century Gothic', Helvetica, sans-serif;
	font-size:11px; 
	font-weight:bold;
	color:#ef78b7;
	line-height:11px;
	margin:3px 0px 0px 5px;
	padding:0px 0px 2px 0px;
}*/

/*
Note: 2008 Aug 26
*/
.rightModule .bd .feat_text h3 
{ 
	display:block;
	clear:both;
	font-family:'Trebuchet MS',Century Gothic, Helvetica, sans-serif;
	font-size:11px; 
	/*font-weight:bold;*/
	color:#ef78b7;
	line-height:13px;
	margin:1px 0px 0px 5px;
	padding:0px 0px 2px 0px;
}

.rightModule .bd .feat_text p 
{
	display:block;
	clear:both;
	font-family: 'Arial', Helvetica, sans-serif;/* Note: 14 Jul 2008 this is new line */
	line-height:11px;
	color:#626162;
	margin:0px 0px 2px 5px;
	padding:0px 0px 0px 0px;
	/*background-color:#CCCCFF;*/	
}

/*
Note: 2008 Aug 26
*/
#right_module_two .bd .feat_text p 
{
	padding:2px 0px 0px 0px;
	width:179px;
}

.rightModule .bd .feat_img
{
	width:60px;
	display:block; 
	float:left; 
	margin:4px 0px 0px 0px;/*Note: 2008 jul 25, it was margin:7px 0px 0px 3px;*/
}

/*
Note: #right_module_one .bd .feat_img , 2008 Aug 26
Style for the image area inside #right_module_one.
*/
#right_module_one .bd .feat_img
{
	margin:5px 0px 0px 0px;
}

/*
Note: .feat_img, 2008 Aug 26
*/
#right_module_two .bd .feat_img
{
	width:200px; /*Note: 2009 Feb 02 - it was 184px*/
	margin:2px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
	/*background-color:#006699;*/
}
/*
Note:2009 Jan 30 Helps h2 to align the text to the righy
*/
#right_module_two .hd h2
{
	float:right;
	padding:6px 0px 0px 0px;	
}

* html .right_module_two .hd h2{
	line-height:18px;
}

#right_module_two .bd .feat_img img
{ 
	/*border-top:1px solid #FCF0F0;
	border-left:1px solid #FCF0F0;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;*/
	width: 200px; /*Note: 2009 Feb 02 - it was 185px*/
	margin-left:3px;
}

/*
Note: .rightModule .bd .feat_text a.feat_link, 2008 Aug 26
Style for links inside the .feat_text area.
*/
.rightModule .bd .feat_text a.feat_link
{
	display:block;
	font-family:Arial, Helvetica, sans-serif;/* Note: 14 Jul 2008 this is new line */
	font-size:9px;
	line-height:10px;
	color:#a19591;
	font-weight:bold;
	margin:3px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*background-color:#FFAA00;*/	
}

/*
Note: 2008 Aug 26
It is a custom version for "a.feat_link" when it is used by
"#right_module_two".
*/
#right_module_two .bd .feat_text a.feat_link
{
	display:inline;
	margin-right:10px;
}

#right_module_two .bd .feat_text a.feat_link_right
{
	display:inline;
	margin-right:0px;
}

/*
Note: 2008 Aug 26
Previous styles for right modules. they should be erased some day :)
*/
/*
.rightModule .bd .feat_text a.outside
{
	display:inline;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:10px;
	color:#666666;
	font-weight:bold;
	margin:0px 2px 0px 3px;
	padding:0px 0px 0px 0px;
}

.rightModule .bd .feat_text a.outsidePink
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ef78b7;
}
*/

/*
Note: .rightModule .ft, 2008 Jul 25

*/
.rightModule .ft
{
	display:block;
	height:3px;
	width:100%;
	/*
	Note: 2008 jul 30, No borders.
	*/
	/*background-image:url(../ff_images/rightModule_ft_bg.jpg);
	background-repeat:no-repeat;*/
}

/*
Note: #right_module_one and #right_module_two, 2008 jul 25
These IDs are used to a javascript library that make them
round corner boxes.
*/
#right_module_one
{
	display:inline;
	height:auto;
	float:left;
	clear:both;
	margin:0px 0px 0px 0px;/*Note: 2008 Aug 26, it was margin:0px 0px 5px 0px;*/
	padding:0px 0px 0px 2px;
	/*background-color:#99CC99;*/
}

* html #right_module_one
{
	padding:0px 0px 0px 0px;
}

#right_module_two
{
	display:inline;
	float:left;
	clear:both;
	margin:0px 0px 0px 0px;/*Note: 2008 Aug 26, it was margin:5px 0px 0px 0px;*/
	padding:0px 0px 0px 2px;
	/*background-color:#CC99CC;*/
}


#right_module_one .bd/*Flower Spotlight*/
{
	display:block;
	height:70px;/*Note: 2008 Sep 03. it was height:76px;*/
	/*background-color:#99CCFF;*/
}

#right_module_two .bd/*Real Weddings*/
{
	display:block;
	height:65px;
	margin:0px 0px 0px 0px;
	/*background-color:#99CCFF;*/
}
	
	
#socialBookmarking
{
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
}
/************************** End of rightModules ********************/

/*
Note: div.spacer, 2008 aug 05
In particular, it is used to give some space before the footer area.
*/
/*div.spacer
{
	clear:both;
	margin-top:5px;
}*/
br.clearBoth
{
 clear:both;
}

/*
Note: 2009 Jan 28
Created for the image that lays behind the flash animation in the homepage
*/
img.home_animation_image
{
	display:block;
	height:210px;
	width:425px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right:0px;
	margin-bottom:0px;
	border:0 none;
}

a.home-animation-image-link
{
	display:block;
	height:210px;
	width:425px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right:0px;
	margin-bottom:0px;
	/*
		Note: Marco 2011-11-08
		Fixed error. changed 0 note to 0 none
	*/
	border: 0 none;
	text-decoration: none;
}

#home_animation_container
{
	display:block;
	height:210px;
	width:425px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right:0px;
	margin-bottom:0px;
	position:absolute;/*Note: 2011 Feb 23: It was neccesary to fix an issue on Firefox for Mac. The problem occurred because a swf file is bellow the menu navigation top bar*/
	z-index:0;/*Note: 2011 Feb 23: It was neccesary to fix an issue on Firefox for Mac. The problem occurred because a swf file is bellow the menu navigation top bar*/
}
/*
NOTE: 07-09-2009 Added For new Media News display 
*/
span.rankBridesColor
{
	display:inline;
	margin:0px 0px 3px 3px;
	padding:0px 0px 0px 0px;
	color:#888584;
	font-size:13px;
	font-family:'Arial', Helvetica, sans-serif;
	line-height: 14px;
}
span.textStyleEnd
{
	font-size:11px;
}
div.readRankStyle
{
	display:block;
	clear:both;
	padding: 5px 0px 0px 0px;/*Note: Luis, 2009 oct 05, it was padding: 5px 0px 5px 0px;*/
	margin-bottom:0px;/*Note: Luis, 2009 oct 05, new*/
	color:#476fe2;
	font-size:20px; /*It was 14*/
	font-family:'Times New Roman', Times, serif;
	font-weight:bold;
	line-height: 14px;
}

span.ampbrides
{
	color:#888584;
	font-family:'Trebuchet MS',Verdana, Helvetica, sans-serif;
	font-size:11px;
}
span.bridesRankFont
{
	font-size:14px;
	color: #33170D;
	
}
/*NOTE: 07 Sep 2009
		This has been added for the video section
*/
.box_left div.videoWatch
{
	display:block;
	clear:both;
	margin:0px 0px 1px 0px; /*antes 0 0 5 3*/
	padding:0px 0px 0px 0px;
	color: #E9008C;
	font-family: 'Georgia',Century Gothic,Helvetica,sans-serif;
	font-size: 14px;
	font-weight:bold;
	line-height:13px;
}
.box_left a.videos
{
	width:50px;/*Note: 2009 Jan 20 105px*/
	margin-top:0px;
	color:#F05EAB; /*NOTE: 07 Sep 2009 Previously - color:#8b716b;*/
	font-size:10px;
	font-family:'Arial', Helvetica, sans-serif;
}
div.displayVideo
{
	display:block;
	clear:both;
    height:60px;
	padding:3px 0px 0px 0px;
}
.box_left img.video
{
	margin:3px 3px 0px 3px;
	padding:0px 3px 0px 0px;
}
span.aligneTextVideo
{
	padding:3px 0px 0px 0px;
}


/*Follow us styles*/

#follow-us
{
	display:block;
	float:left;
	clear:both;
}

#follow-us .title
{
	color: #E9008C;
	font-family: 'Georgia',Century Gothic,Helvetica,sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-align: left;
	padding: 0px 0px 5px 0px;
}

#follow-us a
{
	border:none;
	text-decoration:none;
}

#follow-us .text
{
	display:block;
	float:left;
	color:#554131;
	font-family:'Arial',Verdana,Geneva,sans-serif;
	font-size:12px;
	padding:10px 0px 10px 5px;
	text-decoration:none;
}

#follow-us .facebook
{
	display:block;
	float:left;
	clear:both;
	height:40px;
}

#follow-us .facebook-icon
{
	display:block;
	float:left;
	background: transparent url(../ff_images/FollowUs/FacebookTwitterSprite.png) 0 0 no-repeat;
    height: 38px;
	width:38px;
    padding: 0px 0px 0px 0px;
}

#follow-us .facebook-icon:hover 
{
	background: transparent url(../ff_images/FollowUs/FacebookTwitterSprite.png) 0 -47px no-repeat;
    height: 38px;
	width:38px;
}

#follow-us .twitter
{
	display:block;
	float:left;
	clear:both;
	height:40px;
}

#follow-us .twitter-icon
{
	display:block;
	float:left;
	background: transparent url(../ff_images/FollowUs/FacebookTwitterSprite.png) 0 -94px no-repeat;
    height: 38px;
	width:38px;
    padding: 0px 0px 0px 0px;
}

#follow-us .twitter-icon:hover
{
	background: transparent url(../ff_images/FollowUs/FacebookTwitterSprite.png) 0 -141px no-repeat;
    background-repeat: no-repeat;
    height: 38px;
	width:38px;
}

/* NOTE: 07-09-2009
		 The new share this zone
*/
#sharingToolBox
{
	display:block;
	width:120px;
	height:65px;/*Note: Luis, 2009 oct 05, it was 76px*/	
	background-color:#ffffff;
	padding-bottom:2px;
	padding:2px 2px 10px 0px; /*antes 2 2 2 2 */
	border: 1px solid #ffffff;
	/*background-color:#cccccc;*/
}

#sharingToolBox div.shareThisPage
{
	display:block;
	clear:both;
	padding: 5px 0px 5px 0px;
	color: #E9008C;
	font-family: 'Georgia',Century Gothic,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;	
	line-height: 14px;
}

#sharingToolBox div.serviceBox
{
	display:block;
	float:left;
	width:135px;/*Note: Luis, 2009 oct 05, I added a fixed width*/	
	/*background-color:#cccccc;*/
}

#sharingToolBox .serviceBox a.service
{
	display:inline-block;
	clear:none;
	height: 15px;
	width: 15px;
	margin: 2px 2px 2px 5px;
	padding: 0px 0px 0px 0px;
}

#sharingToolBox .serviceBox a.addthis_left_column_email
{
	display:inline-block;
	margin: 4px 2px 0px 5px;
	padding: 0px 0px 0px 0px;
	width:16px;
	height:16px;
	line-height:16px;
	background-color:#660000;
	background:url(../ff_images/emailForShare.jpg) no-repeat center;
	cursor:pointer;
}

/*  NOTE: 07-09-2009
		 The new HORIZONTAL share this zone
*/
#sharingToolBoxHorizontal
{
	display:block;
	width:350px;/*Note: 2009 Sep 30 before: 330px*/
	height:76px;	
	background-color:#ffffff;
	padding-bottom:2px;
	padding:2px 2px 2px 2px;
	border: 1px solid #ffffff;
	/*background-color:#FFAA00;*/
}

#sharingToolBoxHorizontal .simpleBox
{
	display:block;
	width:100%;
	height:100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*background-color:#00FF00;*/

}

#sharingToolBoxHorizontal span.shareThisPageHorizontal
{
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;/*Note: 2009 Oct 01 before: 5px 0px 5px 0px*/
	color:#A19591;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;	
	line-height: 14px;
	/*background-color:#00CCFF;*/
}
#sharingToolBoxHorizontal span.serviceBoxHorizontal
{
	display:block;
	float:left;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*background-color:#FFFFFF;*/
}

#sharingToolBoxHorizontal .serviceBoxHorizontal a.add_this_horizontal_email
{
	display:block;
	float:left;
	margin: 4px 5px 0px 5px;/*2px 2px 2px 5px*/
	padding: 0px 0px 0px 0px;
	width:16px;
	height:16px;
	line-height:16px;
	background-color:#660000;
	background:url(../ff_images/emailForShare.jpg) no-repeat center;
	cursor:pointer;
}

#sharingToolBoxHorizontal .serviceBoxHorizontal a.serviceHorizontal
{
	display:block;
	float:left;
	height: 16px;
	width: 16px;
	line-height:16px;
	margin: 4px 5px 0px 5px;/*2px 2px 2px 5px*/
	padding: 0px 0px 0px 0px;
}
/*************************Start Special header*********************************/
#header .header-left-shopping-cart
{
	width:25%;
}

#header .header-right-shopping-cart
{
	width:74%;
}

#header_right .rightColumn ul
{
	color:#9C99A4;
	font-size:12px;
	display:block;
	float:right;
	font-family:'Arial',Helvetica,sans-serif;
	padding: 0px 0px 7px 0px; /*5px 0px 7px 0px/ /*Pablo:  28jan2011 to remove the white space on the header*/
	width:135px;
	margin: 0px 7px 0px 0px;
}
#header_right .rightColumn ul li
{
	clear:both;
	display:block;
	float:left;
	text-align:right;
	list-style:none;
	width:100%;
	height:18px;
}
#header_right .leftColumn img.cart
{
	padding-left:45px;/*2011Mar16 - Previously 15px*/
	padding-top:0px;/*8px*/
}
#header_right .rightColumn ul li a.headerLink
{
	/*width:112px;
	height:18px;
	display:block;
	clear:both;
	float:left;*/
	font-family:'Arial', Helvetica, sans-serif;
	font-size:11px;
	color:#554131;
	text-decoration:none;
	/*line-height:18px;*/
	text-align: right;
    margin: 5px 0px 0px 10px;
}

#header_right .rightColumn ul li a.headerLink:hover
{
	color:#f080bc;
}
#header_right .rightColumn ul li a#cart_link
{
	background:url("../ff_images/ShoppingCartPages/cart_icon_brown.gif") no-repeat scroll left 2px transparent;
	padding:2px 0px 0px 18px;
}
#header_right .rightColumn ul li a.preview-cart
{
    font-size:10px;
    color: #0000FF;
}


/* ******** HEADER LINKS *************/
ul.header-links-ul
{
	margin:0px;
	padding:0px;
	display:block;
	clear:both;
	font-family:'Trebuchet MS',Helvetica,sans-serif;
    font-size:12px;
    font-weight:normal;
    color:#554131;
}

ul.float-right
{
	float:right;
}

ul.header-links-ul li.header-links-li
{
	margin:0px;
	padding:0px;
	display:block;
	float:left;
	list-style:none;
}

ul.header-links-ul li.left-margin
{
	margin: 0px 0px 0px 33px;
}

ul.header-links-ul li.header-links-li a
{
	color:#554131;
    font-size:12px;
	text-decoration:none;
}

ul.header-links-ul li.header-links-li a:hover
{
	color:#f080bc;
}

ul.header-links-ul li#my-flowers-li
{
	width:80px;
	height:20px;
	position:relative;
}

ul.header-links-ul li#my-flowers-li a#my-flowers-link
{
	background:url("../ff_images/ShoppingCartPages/DownOption.gif") no-repeat scroll right 5px transparent;
	display:block;
	float:left;
	text-align:left;
	width:80px;
	vertical-align:top;
}

ul.header-links-ul li#my-flowers-li div#my-flowers-menu
{
	background-color: #FFFFFF;
	border-color: #554131;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	min-width: 160px;
	padding:3px 5px 3px 5px;
	z-index: 105;
}

ul.header-links-ul li#my-flowers-li div#my-flowers-menu ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.header-links-ul li#my-flowers-li div#my-flowers-menu li
{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	text-align: left;
	list-style: none;
	clear:both;
}

ul.header-links-ul li#my-flowers-li div#my-flowers-menu li.bottom-border
{
	border-bottom: 1px solid #DADADA;
}

.header-links-ul div.my-flowers-menu-class, .header-links-ul:hover div.my-flowers-menu-class
{
	position:absolute;
	left:-9999px;
	top:-9999px;
}

.header-links-ul :hover div#my-flowers-menu
{
	position:absolute;
	left:-90px;
	top:18px;
}

span.customer-name-header
{
    display: block;/* Pablo: the are now two span on the standard header the links were divided in two lines*/
    font-family:'Trebuchet MS',Helvetica,sans-serif;
    font-size:12px;
    font-weight:normal;
    padding:4px 0px 2px 0px; /*Note: 2010-Feb-09 - Previously 0 0 0 0 */
    color:#554131;
	height: 15px; /*Note: 2010-Feb-09 - Added*/
	position:relative;
}

span.customer-name-header a
{
	color:#554131;
    font-size:12px;
	text-decoration:none;
}
span.customer-name-header a:hover
{
	color:#f080bc;
}
span.customer-options-link-header
{
    display: block;/* Pablo: it was only one span now there are two on the standard header because we divided the links in two lines*/
    font-family:'Trebuchet MS',Helvetica,sans-serif;
    font-size:12px;
    font-weight:normal;
    padding:0px 0px 0px 0px;
    color:#554131;
	height: 15px; /*Note: 2010-Feb-09 - Added*/
}
span.customer-options-link-header a
{
	color:#554131;
    font-size:12px;
	text-decoration:none;
}
span.customer-options-link-header a:hover
{
	color:#f080bc;
}


#header_right .rightColumn ul li a.shopping-cart
{
	/*display:block;
	overflow:hidden;*/
	font-size:12px;
    font-weight:bold;
    margin:3px 0px 0px 0px;
}
#header_right .greeting-container-shopping-cart
{
    height:19px;/*Note-2011-Feb-10 - Previously 15*/
	bottom:-18px;/*-5px*/
}
#header_left span.fiftyflowers-legend-shopping-cart
{
	font-size:11px;
	width:163px;/*width of the fifty logo for ff3*/
}
/***************************End Special header*********************************/
.standard
{
	padding-left:20px;
}

#container_left .vertical-menu
{
	display:block;
	clear:both;
	width:90%;
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	margin:0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

#container_left .vertical-menu-title
{
	display:block;
	clear:both;
	font-weight:bold;
	font-size:14px;
	color: #228504;	
	text-decoration: underline;
	margin:0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	/*
	//Brown box style. Maybe in the future
	display:block;
	clear:both;
	font-weight:lighter;
	font-size:14px;
	color:#FFFFFF;
	background-color:#33170D;
	margin:0px 0px 10px 0px;
	padding:2px 5px 2px 5px;
	position: relative;
	*/	
	/*
	Old section. It can be deleted
	font-family:'Trebuchet MS',Helvetica,Arial,sans-serif;
	font-weight:normal;
	*/
	/*
	Oldest section. It can be deleted too
	font-family: 'Trebuchet MS',Helvetica,sans-serif;
	font-size: 15px;
	font-weight: bold;
	*/
}
/*
It can be used maybe in the future
#container_left .vertical-menu-title-arrow-down
{
	background:url('/site_files/FiftyFlowers/ff_images/LeftVerticalWrapper/vertical_menu_title_arrow_down.png') no-repeat;
	display:block;
	clear:both;
	width:16px;
	height:8px;
	position:absolute;
	bottom:-7px;
	left:5px;
}
*/
#container_left .vertical-menu ul
{
	list-style:none;
	margin: 5px 5px 5px 0px;
	padding:0px 0px 0px 0px;
}

#container_left .vertical-menu-items
{
	margin:0px 0px 5px 0px;
	/*
		Note: Marco 2011-11-08
		Fixed error. changed : to ;
	*/
	padding:0px 0px 0px 0px;
}

#container_left .vertical-menu-items a, #container_left .vertical-menu-items a:visited
{
	text-decoration:none;
	color:#33170D;
	font-size:12px;
}

#container_left .vertical-menu-items a:hover
{
	color:#F080BC;
	font-weight:bold;
}

#container_left .vertical-menu .vertical-menu-items span 
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#container_left .vertical-menu .vertical-menu-items span.color-letter-1
{
	color:#EF78B7;
}

#container_left .vertical-menu .vertical-menu-items span.color-letter-2
{
	color:#520C07;
}

#container_left .vertical-menu .vertical-menu-items span.color-letter-3
{
	color:#006600;
}

#container_left .vertical-menu .vertical-menu-items span.color-letter-4
{
	color:#0000FF;
}

#container_left .vertical-menu .vertical-menu-items span.color-letter-5
{
	color:#EF78B7;
}

#container_left .vertical-menu .vertical-menu-items span.color-letter-6
{
	color:#55272B;
}

#container_left .vertical-menu .vertical-menu-items span.color-letter-7
{
	color:#006600;
}

#container_left .vertical-menu .vertical-menu-items span.color-letter-8
{
	color:#F28095;
}

#container_left .vertical-menu .vertical-menu-items span.color-letter-9
{
	color:#EC008C;
}

#container_left .vertical-menu .vertical-menu-items span.color-letter-10
{
	color:#17499E;
}

#container_left .vertical-menu .vertical-menu-items span.color-letter-11
{
	color:#006600;
}

#container_left .vertical-menu .vertical-menu-items span.color-letter-12
{
	color:#33170D;
}

#container_left .vertical-menu .vertical-menu-items span.color-letter-13
{
	color:#7A0026;
}

#media-mentions
{
display:block;
width: 160px;
height: 295px;
clear:both;
margin: 20px 2px 2px 0;
padding: 5px 0 0 0;
background-color: #FFFFFF;
font-family: 'Arial',Helvetica,sans-serif;
font-size: 11px;
font-style: italic;
}
#media-mentions h4
{
display: block;
clear: both;
font-style:normal;
color: #E9008C;
font-family: 'Georgia',Century Gothic,Helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 14px;
margin: 0 0 3px;
padding: 0;
}
#media-mentions img.little-image
{
display:block;
float:left;
width: 50px;
height:65px;
margin-right:8px;
}
#media-mentions span.box
{
display:block;
width: 94px;
float:right;
}
#media-mentions span.span-title
{
display:block;
float: none;
text-decoration: none;
color: #33170D;
font-size: 14px;
font-style:normal;
font-weight: bold;
}
#media-mentions span.span-desc
{
color: #F05EAB;
}
#media-mentions li
{
display:block;
float:left;
clear:both;
text-decoration: none;
list-style-type:none;
margin: 4px 0 4px 0;
}
#media-mentions span.see-all
{
display:block;
width: 160px;
clear: both;
margin-left:16px;
color: #33170D;
font-size: 15px;
font-style:normal;
margin-bottom:5px;
}
#media-mentions ul
{
padding:0;
margin:0;
}
#media-mentions a
{
text-decoration: none;
}
/*This is the white div that gives separation in the header when the Top Banner is present.
When the banner does not appear, then the white space should not appear either.*/
div#force-margin
{
	display:none;
}


/********************************************************************************************************************************/
/********************************** FIFTY FLOWERS STORY FOOTER ******************************************************************/

#fiftyflowers-story-footer
{
	display:block;
	float:left;
	width:930px;
	height:810px;
	position:relative;
	margin:20px 14px 10px 14px;
}

#fiftyflowers-story-footer #left-container
{
	display:block;
	float:left;
	width:156px;
	margin:0px 20px 0px 0px;
}

#fiftyflowers-story-footer #right-container
{
	display:block;
	float:left;
	width:734px;
	margin: 0px 0px 0px 0px;
}

#fiftyflowers-story-footer #footer-bar 
{
	background: url("../ff_images/menu_bar_background.jpg") repeat-x scroll 0 0 transparent;
	height: 23px;
	left: -36px;
	position: absolute;
	width: 1004px;
}

#fiftyflowers-story-footer  #footer-bar-text
{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;	
	position:absolute;
	left:190px;
}

#fiftyflowers-story-footer .footer-text
{
	display:block;
	float:left;
	margin:40px 40px 20px 40px;
	font-size:14px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	color:#33170d;
	clear:both;
}

#fiftyflowers-story-footer .footer-main-container
{
	width:910px;
	display:block;
	float:left;
	clear:both;
	margin:0px 10px 30px 10px;
	/*background-color:lightgreen;*/
}

#fiftyflowers-story-footer h3.title-box
{
	background-color:#33170d;
	height:22px;
	color:#FFF;
	padding:0px 10px 0px 10px;
	display:block;
	font-size:18px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0px;
	float:left;
}

#fiftyflowers-story-footer span.join-us-title
{
	display:block;
	float:left;
	clear:both;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#006600;
}

#fiftyflowers-story-footer span.arrow-image
{
	background-image: url("../ff_images/FiftyFlowersStoryFooter/arrow_image.gif");
	background-repeat:no-repeat;
	display:block;
	float:left;
	clear:both;
	height:8px;
	width:16px;
	margin:0px 0px 0px 10px;
}

#fiftyflowers-story-footer .footer-main-container ul
{
	display:block;
	float:left;
	clear:both;
	margin:0px 0px 0px 10px;
	padding:0px;
	list-style:none;
	font-size:14px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	color:#33170d;
	/*font-weight:bold;*/
	vertical-align:top;
}

#fiftyflowers-story-footer .footer-main-container li
{
	margin:2px 0px 0px 0px;
}

#fiftyflowers-story-footer .footer-main-container li a
{
	color:#33170d;
	text-decoration:none;
}

#fiftyflowers-story-footer .footer-main-container li a:hover
{
	color:#F080BC;
	text-decoration:none;
}

#fiftyflowers-story-footer div.container
{
	display:block;
	float:left;
	background-color:#FFF;
}

#fiftyflowers-story-footer li.follow-us-container
{
	height:50px;
}

#fiftyflowers-story-footer #top-one-container
{
	margin:0px 0px 0px 0px;
	width:156px;
}

#fiftyflowers-story-footer #top-two-container
{
	margin:0px 22px 0px 0px;
	width:205px;
}

#fiftyflowers-story-footer #top-three-container
{
	margin:0px 22px 0px 0px;
	width:165px;
}

#fiftyflowers-story-footer #top-four-container
{
	margin:0px 22px 0px 0px;
	width:95px;
}

#fiftyflowers-story-footer #top-five-container
{
	margin:0px 0px 0px 0px;
	width:200px;
}

#fiftyflowers-story-footer #bottom-one-container
{
	clear:left;
	margin:20px 0px 0px 0px;
	width:156px;
	height:200px;
}

#fiftyflowers-story-footer #bottom-two-container
{
	clear:left;
	margin:20px 35px 0px 0px;
	width:164px;
}

#fiftyflowers-story-footer #bottom-three-container
{
	margin:20px 35px 0px 0px;
	width:205px;
}

#fiftyflowers-story-footer #bottom-four-container
{
	margin:20px 35px 0px 0px;
	width:124px;
}

#fiftyflowers-story-footer #bottom-five-container
{
	margin:20px 0px 0px 0px;
	width:124px;
}

#fiftyflowers-story-footer #organizations-images
{
	display:block;
	float:left;
	clear:both;
	margin:25px 0px 0px 0px;
	height:104px;
	width:654px;
}

#fiftyflowers-story-footer #Choice-Award-link
{
	display:block;
	float:left;
	text-decoration:none;
}

#fiftyflowers-story-footer #Choice-Award
{
	display:block;
	float:left;
	height: 104px;
	width: 104px;
	margin:0px 50px 0px 0px;
}

#fiftyflowers-story-footer #Choice-Award-image
{
	display:block;
	float:left;
	height: 104px;
	width: 104px;
	border:none;
}


#fiftyflowers-story-footer #Association-Wedding-Professionals
{
	display:block;
	float:left;
	background:url(../ff_images/Footer/AssociationForWeddingProfesionals.jpg) no-repeat;
	height: 104px;
	width: 83px;
	margin:0px 0px 0px 0px;
}


#fiftyflowers-story-footer #SAF
{
	display:block;
	float:left;
	background:url(../ff_images/Footer/SAF.jpg) no-repeat;
	height: 104px;
	width: 209px;
	margin:0px 50px 0px 0px;
}



#fiftyflowers-story-footer #ABC
{
	display:block;
	float:left;
	background:url(../ff_images/Footer/ABC.jpg) no-repeat;
	height: 104px;
	width: 104px;
	margin:0px 50px 0px 0px;
}

#fiftyflowers-story-footer .vertical-separator
{
	display:block;
	float:left;
	height: 10px;
	width: 1px;
	margin:0 25px 0 25px;
}

#fiftyflowers-story-footer #security-images
{
	display:block;
	float:left;
	clear:both;
	margin:30px 0px 0px 0px;
	height:85px;
	width:513px;
}

#fiftyflowers-story-footer #credit-cards
{
	display:block;
	float:left;
	background: url(../ff_images/FiftyFlowersStoryFooter/paymentOptions.gif) no-repeat;
	height:27px;
	width: 206px;
	margin:30px 50px 0px 0px;
}

#fiftyflowers-story-footer .authorizeNetBox
{
	display:block;
	float:left;
	margin:0px 50px 0px 0px;
}

#fiftyflowers-story-footer .AuthorizeNetSeal
{
	width:90px;
	text-align:center;
	margin:0px;
	padding:0px;
}

#fiftyflowers-story-footer #AuthorizeNetText
{
	font-size:10px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	color:#33170d;
	text-decoration:none;
}

#fiftyflowers-story-footer #copyright-info-container
{
	display:block;
	clear:both;
	margin:20px auto 0px auto;
	height:80px;
	width:675px;
	text-align:center;
}

#fiftyflowers-story-footer .comodoSeal
{
	display:block;
	float:left;
	background: url(../ff_images/FiftyFlowersStoryFooter/ComodoSecured.gif) no-repeat;
	height:61px;
	width:117px;
	margin:15px 0px 0px 0px;
}


#fiftyflowers-story-footer #copyright-info-container .copyright-line
{
	display:block;
	clear:both;
	margin:0px auto;
	font-size:14px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	color:#33170d;
	font-weight:bold;
}

#fiftyflowers-story-footer #copyright-info-container .copyright-info
{
	display:block;
	clear:both;
	margin:0px auto;
	font-size:14px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	color:#33170d;
}

#fiftyflowers-story-footer ul#signup-list
{
	margin: 0px 0px 0px 0px;
}

#fiftyflowers-story-footer ul#signup-list li
{
	margin: 5px 0px 0px 0px;
	display:block;
	float:left;
	width:146px;
}

#fiftyflowers-story-footer .signup-border-left
{
	background: url(../ff_images/FiftyFlowersStoryFooter/signup-borders.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	height: 28px;
	width:5px;
	display:block;
	float:left;
}

#fiftyflowers-story-footer .signup-border-middle
{
	background: url(../ff_images/FiftyFlowersStoryFooter/signup-borders.gif);
	background-position: 0px -29px;
	background-repeat: repeat-x;
	height: 28px;
	width:136px;
	display:block;
	float:left;
}

#fiftyflowers-story-footer #border-event-date
{
	width:113px;
}

#fiftyflowers-story-footer .signup-border-right
{
	background: url(../ff_images/FiftyFlowersStoryFooter/signup-borders.gif);
	background-position:0px -58px;
	background-repeat:no-repeat;
	height: 28px;
	width:5px;
	display:block;
	float:left;
}

#fiftyflowers-story-footer input#ed_event_date
{
	width:108px;
}

#fiftyflowers-story-footer div.calendarClass
{
	font-size:12px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
}

#fiftyflowers-story-footer input.signup-input
{
	border: 0 none;
	color:#33170d;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	margin:5px 0px 0px 3px;
	outline-color:#FFFFFF;
	width:130px;
}

#fiftyflowers-story-footer #event-date-calendar
{
	display:block;
	float:left;
	background: url(../ff_images/FiftyFlowersStoryFooter/calendar.gif) no-repeat;
	width:20px;
	height:20px;
	cursor: pointer;
	margin:4px 0px 0px 3px;
}

#fiftyflowers-story-footer .signup-details
{
	display:block;
	float:left;
	clear:both;
	margin:0px 5px 0px 5px;
	font-size:10px;
}

#fiftyflowers-story-footer #signup-button-container
{
	margin: 3px auto 0px auto;
	display:block;
	width:73px;
	height:32px;
}

#fiftyflowers-story-footer #signup-button-container .signup-button-middle
{
	display:block;
	float:left;
	background: url(../ff_images/FiftyFlowersStoryFooter/Submit_btn.gif) no-repeat;
	border:0 none;
	width:73px;
	height:32px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}